*{box-sizing:border-box}body{color:#e5e7eb;background:#0f172a;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.nav{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ae6;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:24px 8%;display:flex;position:sticky;top:0}.nav div{gap:22px;display:flex}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:950px;min-height:calc(100vh - 80px);margin:0 auto;padding:70px 20px;display:flex}.tag{color:#38bdf8;font-weight:700}h1{letter-spacing:-2px;max-width:900px;margin:18px auto;font-size:clamp(38px,6vw,72px);line-height:1.05}.intro{color:#cbd5e1;max-width:760px;margin:0 auto;font-size:20px;line-height:1.6}.buttons{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:32px;display:flex}.primary,.secondary{border-radius:12px;padding:14px 20px;font-weight:700}.primary{color:#082f49;background:#38bdf8}.secondary{border:1px solid #475569}.section{max-width:1200px;margin:auto;padding:55px 8%}h2{margin-bottom:20px;font-size:34px}.section>p{color:#cbd5e1;font-size:18px;line-height:1.7}.grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;display:grid}.card{background:#111c33;border:1px solid #ffffff14;border-radius:18px;padding:24px;box-shadow:0 20px 40px #0000002e}.card h3{margin-top:6px;font-size:24px}.card p{color:#cbd5e1;line-height:1.6}.projectType{font-weight:700;color:#38bdf8!important}.chips,.skills{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.chips span,.skills span{color:#bae6fd;background:#38bdf81f;border:1px solid #38bdf840;border-radius:999px;padding:8px 10px;font-size:14px}.projectLinks{color:#38bdf8;gap:18px;margin-top:22px;font-weight:700;display:flex}.contact{padding-bottom:90px}.contact a{color:#38bdf8}.profileImage{object-fit:cover;border:4px solid #38bdf8;border-radius:50%;width:220px;height:220px;margin:0 auto 24px;display:block;box-shadow:0 0 25px #38bdf866}.footer{text-align:center;color:#cbd5e1;background:#0f172a;border-top:1px solid #ffffff14;margin-top:80px;padding:30px 20px;font-size:16px}.footer strong{color:#38bdf8}@media (max-width:700px){.nav{flex-direction:column;align-items:flex-start;gap:12px}.nav div{flex-wrap:wrap;gap:14px}}