*{box-sizing:border-box}:root{--bg:#020617;--panel:#081326bd;--line:#60a5fa38;--text:#f8fafc;--muted:#94a3b8;--blue:#2f82ff;--cyan:#22d3ee;--green:#22c55e}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}main{min-height:100vh;position:relative;overflow:hidden}.gridBg{pointer-events:none;background-image:linear-gradient(#38bdf80f 1px,#0000 1px),linear-gradient(90deg,#38bdf80f 1px,#0000 1px);background-size:44px 44px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 20%,#000,#0000 78%);mask-image:radial-gradient(circle at 50% 20%,#000,#0000 78%)}.glow{filter:blur(80px);opacity:.36;pointer-events:none;border-radius:999px;position:fixed}.glowOne{background:#2563eb;width:420px;height:420px;animation:7s ease-in-out infinite pulse;top:12%;right:6%}.glowTwo{background:#0891b2;width:360px;height:360px;animation:8s ease-in-out infinite reverse pulse;bottom:10%;left:0}.nav{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#020617c7;border-bottom:1px solid #60a5fa1f;justify-content:space-between;align-items:center;gap:24px;padding:16px 5%;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;font-weight:900;display:flex}.brandMark{background:linear-gradient(135deg,#38bdf8,#2563eb);border-radius:9px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 0 26px #2f82ff85}.navLinks{color:#cbd5e1;gap:26px;font-size:14px;display:flex}.navLinks a{position:relative}.navLinks a:after{content:"";background:var(--blue);height:2px;transition:all .25s;position:absolute;bottom:-12px;left:0;right:0;transform:scaleX(0)}.navLinks a:hover:after{transform:scaleX(1)}.download{border:1px solid var(--blue);color:#dbeafe;border-radius:10px;padding:11px 17px}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:42px;min-height:86vh;padding:70px 5% 38px;display:grid}.pill{border:1px solid var(--line);color:#dbeafe;background:#081326c7;border-radius:999px;padding:10px 14px;display:inline-flex}.hero h1{letter-spacing:-2px;min-height:1.08em;margin:22px 0 18px;font-size:clamp(32px,4.5vw,60px);line-height:.96}.heroName{font-weight:950}.hero h2{color:#38d6ff;margin:0 0 24px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(18px,2.2vw,28px);line-height:1.45}.hero h2 span{color:#818cf8}.intro{color:#cbd5e1;max-width:690px;font-size:18px;line-height:1.75}.terminal{color:#94a3b8;margin:28px 0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.terminal p{margin:7px 0}.terminal strong{color:var(--green)}.buttons{flex-wrap:wrap;gap:16px;display:flex}.primary,.secondary{border-radius:12px;justify-content:center;align-items:center;padding:16px 24px;font-weight:800;transition:all .25s;display:inline-flex}.primary{color:#fff;background:linear-gradient(135deg,#3394ff,#2563eb);box-shadow:0 18px 45px #2563eb52}.secondary{color:#e5e7eb;background:#081326b8;border:1px solid #60a5fa6b}.primary:hover,.secondary:hover{transform:translateY(-5px);box-shadow:0 26px 60px #2563eb4d}.portraitWrap{place-items:center;gap:22px;display:grid}.portraitFrame{aspect-ratio:1;background:linear-gradient(135deg,#38bdf8f2,#2563eb8c,#0f172a40);border-radius:32px;width:min(390px,78vw);padding:18px;position:relative;box-shadow:0 0 0 1px #38bdf852,0 0 48px #2563eb80}.portraitFrame:before{content:"";border:1px solid #38bdf840;border-radius:42px;position:absolute;inset:-18px}.portraitFrame img{object-fit:cover;background:#0f172a;border-radius:22px;width:100%;height:100%;display:block}.availability{color:#e2e8f0;background:#081326b3;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:10px;padding:12px 20px;display:inline-flex}.availability i{background:#22c55e;border-radius:50%;width:9px;height:9px;box-shadow:0 0 20px #22c55e}.techStrip,.stats{background:#08132694;border:1px solid #60a5fa29;border-radius:18px;grid-template-columns:repeat(6,1fr);gap:12px;width:90%;margin:0 auto 28px;padding:14px;display:grid}.techStrip span{text-align:center;color:#cbd5e1}.stats{grid-template-columns:repeat(4,1fr);padding:0}.stats div{text-align:center;border-right:1px solid #60a5fa26;padding:26px}.stats div:last-child{border-right:0}.stats strong{font-size:34px;display:block}.stats span{color:var(--muted)}.section{max-width:1320px;margin:auto;padding:78px 5%}.sectionLabel{color:#38d6ff;text-transform:uppercase;letter-spacing:.12em;font-size:13px;font-weight:900}.section h2,.contact h2{letter-spacing:-2px;margin:10px 0 22px;font-size:clamp(34px,4.5vw,60px);line-height:1.05}.section em{color:#38bdf8;font-style:normal}.about{grid-template-columns:1fr .95fr;align-items:center;gap:52px;display:grid}.about p:not(.sectionLabel){color:#cbd5e1;font-size:18px;line-height:1.8}.codeCard{border:1px solid var(--line);background:#081326c2;border-radius:24px;padding:22px;box-shadow:0 22px 70px #00000052}.dot{border-radius:50%;width:11px;height:11px;margin-right:8px;display:inline-block}.red{background:#ef4444}.yellow{background:#f59e0b}.green{background:#22c55e}.codeCard pre{white-space:pre-wrap;color:#dbeafe;font-size:15px;line-height:1.65}.sectionTop{justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;display:flex}.sectionTop a{color:#38d6ff;font-weight:800}.projectGrid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.projectCard{background-position:50%;background-size:cover;border:1px solid #60a5fa38;border-radius:24px;min-height:410px;transition:transform .35s,border-color .35s,background-size .35s;position:relative;overflow:hidden;box-shadow:0 24px 70px #00000057}.projectCard:hover{background-size:112%;border-color:#38bdf8b8;transform:translateY(-10px)scale(1.01)}.projectCard:before{content:"";opacity:0;background:linear-gradient(135deg,#38bdf82e,#0000 42%);transition:all .35s;position:absolute;inset:0}.projectCard:hover:before{opacity:1}.projectBody{padding:24px;position:absolute;bottom:0;left:0;right:0}.projectBody p{color:#38d6ff;text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:900}.projectBody h3{margin:8px 0;font-size:27px}.projectBody span{color:#cbd5e1;line-height:1.55;display:block}.projectBody div{flex-wrap:wrap;gap:9px;margin-top:16px;display:flex}.projectBody small,.skills span{color:#bae6fd;background:#38bdf81f;border:1px solid #38bdf840;border-radius:999px;padding:7px 10px}.serviceGrid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.serviceGrid article{border:1px solid var(--line);background:#081326ad;border-radius:22px;padding:25px;transition:all .3s}.serviceGrid article:hover{border-color:#38bdf8;transform:translateY(-8px)}.serviceGrid b{color:#38d6ff}.serviceGrid h3{font-size:24px}.serviceGrid p{color:#94a3b8;line-height:1.65}.skills{flex-wrap:wrap;gap:12px;display:flex}.skills span{padding:11px 14px;font-weight:800}.contact{border:1px solid var(--line);background:linear-gradient(135deg,#081326d1,#0f172a8c);border-radius:24px;justify-content:space-between;align-items:center;gap:28px;width:90%;margin:50px auto 40px;padding:34px;display:flex}.contact p{color:#cbd5e1;line-height:1.7}footer{color:#94a3b8;text-align:center;border-top:1px solid #60a5fa1f;padding:30px 5%}.scroll-reveal{opacity:0;transition:opacity .8s}.scroll-reveal.is-visible{opacity:1}@keyframes pulse{0%,to{opacity:.26;transform:scale(1)}50%{opacity:.43;transform:scale(1.18)}}@media (max-width:980px){.nav{flex-direction:column;align-items:flex-start}.navLinks{flex-wrap:wrap}.hero,.about{grid-template-columns:1fr}.techStrip{grid-template-columns:repeat(3,1fr)}.stats{grid-template-columns:repeat(2,1fr)}.projectGrid,.serviceGrid{grid-template-columns:1fr 1fr}.contact{flex-direction:column;align-items:flex-start}}@media (max-width:640px){.hero{padding-top:46px}.hero h1{letter-spacing:-1px}.techStrip,.stats,.projectGrid,.serviceGrid{grid-template-columns:1fr}.projectCard{min-height:455px}.portraitFrame{width:min(320px,86vw)}.navLinks{gap:13px;font-size:13px}}.heroSocials{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.heroSocials a,.projectConnect a,.projectActions a{color:#dbeafe;background:#38bdf81a;border:1px solid #38bdf859;border-radius:999px;padding:9px 13px;font-size:13px;font-weight:800;transition:all .25s}.heroSocials a:hover,.projectConnect a:hover,.projectActions a:hover{background:#2f82ff40;border-color:#38bdf8;transform:translateY(-2px)}.projectConnect{color:#cbd5e1;flex-wrap:wrap;align-items:center;gap:12px;margin:-8px 0 24px;display:flex}.projectConnect span{color:#94a3b8;font-weight:800}.projectActions{gap:10px!important;margin-top:18px!important;display:flex!important}.projectActions a{border-radius:10px}.contactOptions{width:90%;max-width:1320px;margin:20px auto 60px}.contactGrid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.contactCard{background:#081326b8;border:1px solid #60a5fa38;border-radius:18px;flex-direction:column;justify-content:center;gap:10px;min-height:120px;padding:22px;transition:all .25s;display:flex;box-shadow:0 18px 50px #0003}.contactCard:hover{background:#0e223ed1;border-color:#38bdf8;transform:translateY(-6px)}.contactCard strong{font-size:18px}.contactCard span{color:#cbd5e1;word-break:break-word}@media (max-width:980px){.contactGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.contactGrid{grid-template-columns:1fr}.heroSocials{margin-bottom:10px}}