:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#06070a;--panel:#ffffff0f;--panel-strong:#ffffff1a;--text:#f3f4f6;--muted:#a7adbb;--line:#ffffff1f;--accent:#7dd3fc;--accent-2:#a78bfa;--good:#34d399;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 20% 10%, #7dd3fc29, transparent 34rem), radial-gradient(circle at 80% 0%, #a78bfa2e, transparent 30rem), var(--bg);color:var(--text);margin:0}a{color:inherit;text-decoration:none}main{overflow:hidden}.hero{min-height:100vh;padding:28px clamp(20px,6vw,88px) 80px;position:relative}.hero:after{content:"";filter:blur(18px);z-index:-1;background:linear-gradient(135deg,#34d39924,#7dd3fc0f);border-radius:50%;width:520px;height:520px;position:absolute;inset:auto -20% -20% auto}.nav,footer{justify-content:space-between;align-items:center;gap:24px;display:flex}.logo{border:1px solid var(--line);letter-spacing:.08em;background:linear-gradient(135deg,#7dd3fc1f,#ffffff0a);border-radius:14px;place-items:center;min-width:92px;height:44px;font-size:13px;font-weight:900;display:inline-grid}.logo span{transform:translateY(1px)}.navLinks{color:var(--muted);gap:22px;font-size:14px;display:flex}.navLinks a:hover{color:var(--text)}.heroGrid{grid-template-columns:minmax(0,1.08fr) minmax(340px,.72fr);align-items:center;gap:clamp(32px,6vw,82px);min-height:calc(100vh - 88px);display:grid}.eyebrow,.cardKicker,.tag{color:var(--accent);text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:800}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.065em;max-width:820px;margin-bottom:26px;font-size:clamp(42px,6.2vw,78px);line-height:.95}h2{letter-spacing:-.05em;font-size:clamp(30px,4vw,56px);line-height:1}h3{letter-spacing:-.03em;font-size:22px}.lead{color:var(--muted);max-width:760px;font-size:clamp(18px,2vw,22px);line-height:1.65}.ctaRow{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.primary,.secondary{border-radius:999px;align-items:center;gap:8px;padding:14px 18px;font-weight:800;display:inline-flex}.primary{background:var(--text);color:#08090d}.secondary{border:1px solid var(--line);color:var(--text);background:#ffffff0a}.signalCard,.skillCard,.projectCard,.proof{border:1px solid var(--line);background:linear-gradient(180deg, var(--panel-strong), var(--panel));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 24px 80px #00000052}.profileCard{align-self:center;gap:18px;display:grid;position:relative}.portraitFrame{border:1px solid var(--line);contain:paint;background:linear-gradient(#ffffff1a,#ffffff08);border-radius:34px;min-height:470px;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 30px 100px #0000006b}.portraitFrame:after{content:"";pointer-events:none;background:linear-gradient(#0000 50%,#06070a85),radial-gradient(circle at 25% 10%,#7dd3fc29,#0000 18rem);position:absolute;inset:0}.portraitFrame img{object-fit:cover;object-position:58% center;filter:saturate(.96)contrast(1.04);will-change:transform;width:100%;height:100%;min-height:470px;transition:transform .42s,filter .42s;display:block}.cyberLayer{opacity:0;pointer-events:none;will-change:opacity;background:linear-gradient(110deg,#0000 0 34%,#7dd3fc2e 45%,#0000 56%),radial-gradient(circle at 56% 30%,#7dd3fc29,#0000 18rem);transition:opacity .22s;position:absolute;inset:0;overflow:hidden}.cyberLayer:before{content:"";background:#050e1647;position:absolute;inset:0}.profileCard:hover .portraitFrame img,.profileCard:focus-within .portraitFrame img,.profileCard.cyberPreview .portraitFrame img{filter:saturate(.72)contrast(1.14)brightness(.9);transform:scale(1.018)translateZ(0)}.profileCard:hover .cyberLayer,.profileCard:focus-within .cyberLayer,.profileCard.cyberPreview .cyberLayer{opacity:1}.scanline{will-change:transform;background:linear-gradient(#0000,#7dd3fc47,#0000);height:32%;animation:1.15s linear infinite scan;position:absolute;inset:-40% 0 auto}.eyeGlow{background:radial-gradient(circle,#7dd3fcf2,#7dd3fc38 46%,#0000 72%);border-radius:999px;width:98px;height:28px;animation:1.25s ease-in-out infinite alternate pulseEye;position:absolute;top:27%;left:47%;transform:rotate(-5deg);box-shadow:0 0 22px #7dd3fcf2,0 0 52px #22d3ee8c}.faceGrid{background-image:linear-gradient(#7dd3fc29 1px,#0000 1px),linear-gradient(90deg,#7dd3fc24 1px,#0000 1px),radial-gradient(circle at 54% 31%,#0000 0 78px,#7dd3fc47 79px,#0000 81px);background-size:42px 42px,42px 42px,100% 100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 34% 78%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 34% 78%,#0000 100%)}.circuit{filter:drop-shadow(0 0 8px #7dd3fcb3);border-top:2px solid #7dd3fcd9;border-right:2px solid #7dd3fcb8;width:150px;height:92px;position:absolute}.circuit:before,.circuit:after{content:"";background:#7dd3fc;border-radius:50%;width:8px;height:8px;position:absolute;box-shadow:0 0 14px #7dd3fc}.circuit:before{top:-5px;right:-5px}.circuit:after{top:-5px;left:36px}.c1{top:21%;right:11%;transform:rotate(7deg)}.c2{top:43%;left:13%;transform:rotate(184deg)}.c3{bottom:22%;right:18%;transform:rotate(91deg)}.hud{color:#bff4ff;letter-spacing:.16em;text-shadow:0 0 10px #7dd3fce6;background:#06070a6b;border:1px solid #7dd3fc8c;border-radius:999px;padding:5px 8px;font:800 11px/1 JetBrains Mono,ui-monospace,SFMono-Regular,monospace;position:absolute}.h1{top:14%;left:13%}.h2{top:48%;right:11%}.h3{bottom:18%;left:22%}@keyframes scan{0%{transform:translateY(0)}to{transform:translateY(470%)}}@keyframes pulseEye{0%{opacity:.64;transform:rotate(-5deg)scaleX(.9)}to{opacity:1;transform:rotate(-5deg)scaleX(1.08)}}.signalCard{border-radius:32px;padding:28px}.signalCard.compact{z-index:2;margin-top:-74px;margin-left:22px;margin-right:22px;position:relative}.signalCard h2{font-size:34px}.signalCard ul{color:var(--muted);padding-left:20px;line-height:2}.signalCard li::marker{color:var(--good)}.section{padding:88px clamp(20px,6vw,88px)}.sectionHead{max-width:820px;margin-bottom:34px}.sectionHead p:not(.eyebrow){color:var(--muted);font-size:18px;line-height:1.7}.skillsGrid,.projectGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.skillCard,.projectCard{border-radius:26px;padding:24px}.skillCard svg{color:var(--accent);width:30px;height:30px}.skillCard p,.projectCard p{color:var(--muted);line-height:1.6}.projects{background:linear-gradient(#0000,#ffffff09,#0000)}.projectGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.projectCard{flex-direction:column;min-height:330px;display:flex}.tag{color:var(--accent-2)}.stack{flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:22px;display:flex}.stack span{border:1px solid var(--line);color:#d7d9e2;background:#ffffff0a;border-radius:999px;padding:7px 10px;font-size:12px}.proof{border-radius:34px;grid-template-columns:1fr 1fr;align-items:center;gap:32px;margin:60px clamp(20px,6vw,88px) 0;padding:34px;display:grid}.proof p{color:var(--muted);line-height:1.7}.proofList{grid-template-columns:1fr 1fr;gap:12px;display:grid}.proofList span{color:#dfe4ef;border:1px solid var(--line);background:#ffffff0a;border-radius:16px;align-items:center;gap:10px;padding:12px;display:flex}.proofList svg{color:var(--good)}footer{color:var(--muted);border-top:1px solid var(--line);margin-top:80px;padding:42px clamp(20px,6vw,88px)}footer div{gap:16px;display:flex}footer a{align-items:center;gap:7px;display:inline-flex}footer a:hover{color:var(--text)}@media (width<=980px){.hero{min-height:auto}.heroGrid,.proof{grid-template-columns:1fr}.heroGrid{padding-top:70px}.skillsGrid,.projectGrid{grid-template-columns:1fr 1fr}.profileCard{max-width:560px}.portraitFrame,.portraitFrame img{min-height:520px}.signalCard.compact{max-width:560px;margin:-70px 18px 0}}@media (width<=640px){.hero{padding-bottom:56px}.nav{align-items:flex-start}.navLinks{flex-direction:column;gap:10px}.skillsGrid,.projectGrid,.proofList{grid-template-columns:1fr}h1{letter-spacing:-.055em;font-size:clamp(38px,12vw,48px)}.lead{font-size:17px}.portraitFrame{border-radius:28px;min-height:430px}.portraitFrame img{object-position:58% center;min-height:430px}.signalCard.compact{margin:-48px 10px 0;padding:22px}.signalCard h2{font-size:28px}footer,footer div{flex-direction:column;align-items:flex-start}}