:root{--font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:"Space Grotesk", var(--font-sans);--font-mono:"JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;--c-cyan:#22d3ee;--c-violet:#a78bfa;--c-mint:#34d399;--c-amber:#fbbf24;--r-sm:10px;--r-md:14px;--r-lg:20px;--r-xl:28px;--shell:1200px;--gutter:clamp(16px, 4vw, 28px);--ease:cubic-bezier(.22, 1, .36, 1);--ease-out:cubic-bezier(.16, 1, .3, 1)}:root,:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f7fb;--bg-elev:#fff;--surface:#0a0e1e06;--surface-2:#0a0e1e0b;--surface-3:#0a0e1e12;--line:#0a0e1e1a;--line-strong:#0a0e1e33;--text:#0d1120;--muted:#5a6478;--faint:#8b93a5;--c-cyan:#0891b2;--c-violet:#7c3aed;--c-mint:#059669;--grid-line:#0a0e1e0b;--glow-1:#0891b21a;--glow-2:#7c3aed1a;--shadow-card:0 1px 0 #ffffffe6 inset, 0 20px 46px -26px #0d112047;--tint:#0a0e1e0d}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#05060a;--bg-elev:#0a0c13;--surface:#ffffff09;--surface-2:#ffffff0f;--surface-3:#ffffff17;--line:#ffffff14;--line-strong:#ffffff29;--text:#e9edf6;--muted:#8d97ab;--faint:#5b6478;--grid-line:#ffffff09;--glow-1:#22d3ee29;--glow-2:#a78bfa2e;--shadow-card:0 1px 0 #ffffff0d inset, 0 24px 60px -24px #000c;--tint:#ffffff12}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:108px}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.6;overflow-x:hidden}#root{min-width:0;overflow-x:clip}body:before{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(to right, var(--grid-line) 1px, transparent 1px), linear-gradient(to bottom, var(--grid-line) 1px, transparent 1px);background-size:64px 64px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(100% 70% at 50% 0,#000 20%,#0000 85%);mask-image:radial-gradient(100% 70% at 50% 0,#000 20%,#0000 85%)}body:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(42rem 26rem at 12% 8%, var(--glow-1), transparent 70%), radial-gradient(38rem 24rem at 86% 2%, var(--glow-2), transparent 70%);filter:blur(8px);height:70vh;animation:aurora 18s var(--ease) infinite alternate;position:fixed;inset:-20% -10% auto}@keyframes aurora{0%{transform:translate(-2%)scale(1)}to{transform:translate(3%,2%)scale(1.08)}}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.03em;text-wrap:balance;margin:0;font-weight:700;line-height:1.1}p,ul{margin:0}p,li,a,button,span,dd{overflow-wrap:anywhere}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;max-width:100%;display:block}::selection{color:var(--text);background:#22d3ee4d}:focus-visible{outline:2px solid var(--c-cyan);outline-offset:3px;border-radius:6px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--surface-3);border:2px solid var(--bg);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--line-strong)}.site-shell{z-index:1;min-height:100vh;position:relative;overflow-x:clip}.site-shell:before{content:"";z-index:0;width:min(100% - var(--gutter) * 2, var(--shell));pointer-events:none;background-image:linear-gradient(90deg, var(--line) 0 1px, transparent 1px);opacity:.85;background-size:25% 100%;position:fixed;top:0;bottom:0;left:50%;translate:-50%;-webkit-mask-image:linear-gradient(#0000,#000 12% 82%,#0000);mask-image:linear-gradient(#0000,#000 12% 82%,#0000)}.shell{width:100%;max-width:var(--shell);padding:0 var(--gutter);min-width:0;margin:0 auto}main{position:relative}.section{padding:clamp(72px,10vw,128px) 0;position:relative}.section+.section{border-top:1px solid var(--line)}.mono{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);font-size:12px;font-weight:500}.lead{color:var(--muted);text-wrap:pretty;font-size:clamp(16px,1.3vw,18px);line-height:1.75}.grad-text{background:linear-gradient(100deg, var(--c-cyan), var(--c-violet) 35%, var(--c-mint) 60%, var(--c-cyan) 85%);color:#0000;background-size:260% 100%;-webkit-background-clip:text;background-clip:text;animation:9s linear infinite grad-drift}@keyframes grad-drift{to{background-position:260% 0}}.scroll-progress{z-index:60;pointer-events:none;height:2px;position:fixed;top:0;left:0;right:0}.scroll-progress span{transform-origin:0;background:linear-gradient(90deg, var(--c-cyan), var(--c-violet), var(--c-mint));height:100%;display:block;box-shadow:0 0 12px #22d3ee99}.navbar{z-index:50;transition:background .3s var(--ease), border-color .3s var(--ease);border-bottom:1px solid #0000;position:fixed;top:0;left:0;right:0}.navbar.is-stuck{border-bottom-color:var(--line);-webkit-backdrop-filter:blur(16px)saturate(140%);backdrop-filter:blur(16px)saturate(140%);background:#05060ab8}:root[data-theme=light] .navbar.is-stuck{background:#f6f7fbc7}.navbar-inner{justify-content:space-between;align-items:center;gap:16px;height:72px;display:flex}.brand{min-width:0;font-family:var(--font-display);letter-spacing:-.02em;align-items:center;gap:11px;font-size:15px;font-weight:700;display:inline-flex}.brand-logo{object-fit:cover;border:1px solid var(--line-strong);width:36px;height:36px;box-shadow:0 0 0 3px var(--surface);border-radius:11px;flex:none}.brand-meta{min-width:0;line-height:1.25;display:grid}.brand-meta small{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--faint);font-size:10.5px;font-weight:500}.nav-links{border:1px solid var(--line);background:var(--surface);border-radius:99px;align-items:center;gap:2px;padding:5px;display:flex}.nav-links a{color:var(--muted);transition:color .2s var(--ease), background .2s var(--ease);border-radius:99px;padding:7px 14px;font-size:13.5px;font-weight:500}.nav-links a:hover{color:var(--text);background:var(--surface-2)}.nav-links a.is-active{color:var(--text);background:var(--surface-3);box-shadow:inset 0 0 0 1px var(--line)}.nav-tools{flex:none;align-items:center;gap:8px;display:flex}.icon-btn{border:1px solid var(--line);background:var(--surface);width:38px;height:38px;color:var(--muted);transition:color .2s, border-color .2s, background .2s, transform .2s var(--ease);border-radius:12px;flex:none;place-items:center;display:grid}.icon-btn:hover{color:var(--text);border-color:var(--line-strong);background:var(--surface-2);transform:translateY(-2px)}.menu-btn{display:none}.mobile-menu{max-height:calc(100dvh - 72px);padding:10px var(--gutter) 22px;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:drawer .28s var(--ease-out) both;background:#05060aeb;gap:6px;display:grid;position:fixed;top:72px;left:0;right:0;overflow-y:auto}:root[data-theme=light] .mobile-menu{background:#f6f7fbf2}@keyframes drawer{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.mobile-menu a{border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);color:var(--muted);justify-content:space-between;align-items:center;padding:13px 16px;font-weight:500;display:flex}.mobile-menu a span{font-family:var(--font-mono);color:var(--faint);font-size:11px}.mobile-menu a.is-active{color:var(--text);border-color:var(--line-strong)}.hero{align-items:center;min-height:100svh;padding-top:clamp(118px,15vw,172px);padding-bottom:clamp(64px,8vw,104px);display:flex}.hero .shell{width:100%}.hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:clamp(32px,5vw,64px);display:grid}.hero-grid>*{min-width:0}.pill{border:1px solid var(--line);background:var(--surface);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-radius:99px;align-items:center;gap:9px;padding:7px 14px 7px 11px;font-size:11.5px;font-weight:500;display:inline-flex}.dot{background:var(--c-mint);border-radius:99px;flex:none;width:7px;height:7px;position:relative}.dot:after{content:"";border-radius:inherit;background:inherit;animation:ping 1.9s var(--ease-out) infinite;position:absolute;inset:0}@keyframes ping{0%{opacity:.7;transform:scale(1)}70%,to{opacity:0;transform:scale(3)}}.hero h1{letter-spacing:-.055em;margin:26px 0 0;font-size:clamp(42px,7.4vw,86px);line-height:.95}.hero-role{min-height:1.7em;font-family:var(--font-mono);color:var(--muted);align-items:center;gap:12px;margin:18px 0 22px;font-size:clamp(14px,1.9vw,19px);font-weight:500;display:flex}.hero-role>span{min-width:0}.hero-role b{color:var(--text);font-weight:600}.caret{background:var(--c-cyan);flex:none;width:9px;height:1.05em;animation:1.1s steps(2,start) infinite blink}@keyframes blink{50%{opacity:0}}.hero .lead{max-width:60ch}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.btn{border-radius:var(--r-md);letter-spacing:-.01em;text-align:center;min-height:48px;transition:transform .22s var(--ease), box-shadow .22s var(--ease), background .22s, border-color .22s, color .22s;border:1px solid #0000;justify-content:center;align-items:center;gap:9px;padding:13px 20px;font-size:14.5px;font-weight:600;display:inline-flex}.btn svg{transition:transform .22s var(--ease)}.btn.primary{color:#04060c;background:linear-gradient(110deg, var(--c-cyan), var(--c-violet) 40%, var(--c-mint) 70%, var(--c-cyan));background-size:240% 100%;animation:7s linear infinite grad-drift;box-shadow:0 10px 30px -10px #22d3ee8c}.btn.primary:hover{transform:translateY(-3px);box-shadow:0 18px 42px -12px #a78bfa99}.btn.primary:hover svg{transform:translate(3px,-3px)}:root[data-theme=light] .btn.primary{color:#fff;box-shadow:0 10px 30px -12px #0891b299}.btn.ghost{color:var(--text);border-color:var(--line-strong);background:var(--surface)}.btn.ghost:hover{background:var(--surface-2);transform:translateY(-3px)}.hero-socials{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:28px;padding-top:26px;display:flex}.hero-socials .mono{margin-right:4px}@media (width>=961px){.hero-stage{margin-top:-30%}}.stage-figure{--r:215px;--orbit-y:52%;aspect-ratio:.82;width:min(100%,460px);margin:0 auto;position:relative}.stage-ring{top:var(--orbit-y);width:calc(var(--r) * 2);height:calc(var(--r) * 2);margin:calc(var(--r) * -1) 0 0 calc(var(--r) * -1);border:1px dashed var(--line-strong);opacity:.6;pointer-events:none;border-radius:50%;animation:42s linear infinite spin;position:absolute;left:50%}.stage-ring:before,.stage-ring:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.stage-ring:before{border:1px solid var(--line);inset:13%}.stage-ring:after{border:1px dashed var(--line-strong);opacity:.7;animation:28s linear infinite spin-reverse;inset:29%}@keyframes spin{to{rotate:360deg}}.orbit{--r:195px;z-index:1;pointer-events:none;width:0;height:0;animation:24s linear infinite spin;position:absolute;top:49%;left:50%}.orbit-slot{width:0;height:0;transform:rotate(var(--a)) translateX(var(--r));position:absolute;top:0;left:0}.orbit-slot:before{content:"";width:calc(var(--r) - 52px);background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--c-cyan) 50%, transparent));pointer-events:none;height:1px;position:absolute;top:0;right:26px}.orbit-chip{border:1px solid var(--line-strong);background:var(--bg-elev);width:42px;height:42px;box-shadow:var(--shadow-card);transform:rotate(calc(var(--a) * -1));border-radius:13px;place-items:center;margin:-21px 0 0 -21px;font-size:20px;animation:24s linear infinite spin-reverse;display:grid;position:absolute;top:0;left:0}.orbit-ico{animation:icon-swap .5s var(--ease-out);place-items:center;display:grid}@keyframes icon-swap{0%{opacity:0;transform:scale(.35)rotate(-30deg)}to{opacity:1;transform:none}}@keyframes spin-reverse{to{rotate:-360deg}}.hero-stage:hover .orbit,.hero-stage:hover .orbit-chip{animation-play-state:paused}@media (hover:none){.hero-stage:hover .orbit,.hero-stage:hover .orbit-chip,.marquee:hover .marquee-track{animation-play-state:running}}@media (width<=1100px){.orbit{--r:184px}}.stage-bg{pointer-events:none;background-image:repeating-radial-gradient(circle at 50% 62%, var(--line-strong) 0 1px, transparent 1px 46px), linear-gradient(to right, var(--grid-line) 1px, transparent 1px), linear-gradient(to bottom, var(--grid-line) 1px, transparent 1px), radial-gradient(60% 52% at 50% 60%, #22d3ee4d, transparent 70%), radial-gradient(52% 44% at 76% 22%, #a78bfa52, transparent 70%);opacity:.75;background-size:100% 100%,36px 36px,36px 36px,100% 100%,100% 100%;position:absolute;inset:-6% -10% 4%;-webkit-mask-image:radial-gradient(circle at 50% 56%,#000 24%,#0000 72%);mask-image:radial-gradient(circle at 50% 56%,#000 24%,#0000 72%)}.stage-portrait{z-index:2;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 26px 40px #0000008c);width:100%;height:100%;animation:float 7s var(--ease) infinite alternate;position:relative}@keyframes float{0%{transform:translateY(0)}to{transform:translateY(-14px)}}.stage-bg{animation:breathe 9s var(--ease) infinite alternate}@keyframes breathe{0%{opacity:.6;transform:scale(1)}to{opacity:.85;transform:scale(1.07)}}.hero-stage .terminal{z-index:3;margin-top:-5%;position:relative}.terminal{border:1px solid var(--line);border-radius:var(--r-xl);background:linear-gradient(180deg, var(--surface-2), transparent 60%), var(--bg-elev);box-shadow:var(--shadow-card);max-width:100%;overflow:hidden}.terminal-bar{border-bottom:1px solid var(--line);background:var(--surface);align-items:center;gap:8px;padding:13px 16px;display:flex}.terminal-bar i{background:var(--line-strong);border-radius:99px;width:10px;height:10px}.terminal-bar i:first-child{background:#ff5f57}.terminal-bar i:nth-child(2){background:#febc2e}.terminal-bar i:nth-child(3){background:#28c840}.terminal-bar span{font-family:var(--font-mono);color:var(--faint);margin-left:6px;font-size:11.5px}.terminal-body{font-family:var(--font-mono);-webkit-overflow-scrolling:touch;padding:22px 20px;font-size:12.8px;line-height:1.95;overflow-x:auto}.code-row{white-space:pre;color:var(--muted);opacity:0;animation:code-in .4s var(--ease-out) forwards}@keyframes code-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}.code-row:first-child{animation-delay:.5s}.code-row:nth-child(2){animation-delay:.62s}.code-row:nth-child(3){animation-delay:.74s}.code-row:nth-child(4){animation-delay:.86s}.code-row:nth-child(5){animation-delay:.98s}.code-row:nth-child(6){animation-delay:1.1s}.code-row:nth-child(7){animation-delay:1.22s}.code-row:nth-child(8){animation-delay:1.34s}.t-key{color:var(--c-cyan)}.t-str{color:var(--c-mint)}.t-kw{color:var(--c-violet)}.t-num{color:var(--c-amber)}.t-cmt{color:var(--faint)}.terminal-foot{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.terminal-foot div{text-align:center;padding:18px 16px}.terminal-foot div+div{border-left:1px solid var(--line)}.terminal-foot strong{font-family:var(--font-display);letter-spacing:-.04em;font-size:26px;display:block}.terminal-foot>div>span{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin-top:2px;font-size:10.5px;display:block}.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.marquee-track{gap:48px;width:max-content;animation:36s linear infinite slide;display:flex}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-track span{font-family:var(--font-mono);letter-spacing:.04em;white-space:nowrap;color:var(--faint);align-items:center;gap:9px;font-size:13px;font-weight:500;transition:color .2s;display:inline-flex}.marquee-track span:hover{color:var(--text)}.marquee-track svg{flex:none;font-size:18px}@keyframes slide{0%{transform:translate(0)}to{transform:translate(-50%)}}.section-heading{gap:16px;min-width:0;max-width:820px;margin-bottom:clamp(32px,4vw,52px);display:grid}.section-index{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--c-cyan);align-items:center;gap:12px;font-size:12px;font-weight:600;display:flex}.section-index:after{content:"";background:linear-gradient(90deg, var(--line-strong), transparent);transform-origin:0;max-width:120px;height:1px;transition:transform .9s var(--ease-out) .15s;flex:1;transform:scaleX(0)}.section-heading.is-visible .section-index:after,.card.is-visible .section-index:after{transform:scaleX(1)}.section-heading h2{letter-spacing:-.045em;font-size:clamp(28px,4.2vw,50px)}.card{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-card);transition:transform .3s var(--ease), border-color .3s var(--ease), background .3s var(--ease);min-width:0;position:relative;overflow:hidden}.card:before{content:"";pointer-events:none;opacity:0;transition:opacity .3s var(--ease);background:radial-gradient(16rem 16rem at var(--mx,50%) var(--my,50%), var(--tint), transparent 70%);position:absolute;inset:0}.card:hover{border-color:var(--line-strong);transform:translateY(-4px)}.card:hover:before{opacity:1}.card>*{position:relative}.about-grid{grid-template-columns:repeat(12,1fr);align-items:start;gap:18px;display:grid}.about-stack{grid-column:span 6}.quick-facts{grid-column:span 12}.about-main{flex-direction:column;grid-column:span 6;justify-content:center;align-self:stretch;padding:clamp(26px,3vw,36px);display:flex}.about-main p+p{margin-top:16px}.about-stack{grid-column:span 6;padding:26px}.about-stack h3{letter-spacing:-.02em;margin-bottom:16px;font-size:16px}.focus-list{gap:10px;padding:0;list-style:none;display:grid}.focus-list li{font-family:var(--font-mono);color:var(--muted);align-items:flex-start;gap:10px;font-size:12.5px;display:flex}.focus-list svg{color:var(--c-mint);flex:none}.quick-facts{background:var(--line);grid-template-columns:repeat(3,1fr);gap:1px;padding:0;display:grid}.quick-facts>div{background:var(--bg-elev);justify-content:space-between;align-items:center;gap:14px;min-width:0;padding:16px 24px;font-size:14px;display:flex}.quick-facts dt{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);font-size:11px}.quick-facts dd{letter-spacing:-.01em;text-align:right;min-width:0;margin:0;font-weight:600}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:18px;display:grid}.skill-card{padding:26px}.skill-head{align-items:center;gap:13px;margin-bottom:18px;display:flex}.skill-icon{border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface-2);width:42px;height:42px;color:var(--c-cyan);transition:color .3s, border-color .3s, transform .3s var(--ease);flex:none;place-items:center;display:grid}.skill-card:hover .skill-icon{color:var(--c-violet);border-color:var(--line-strong);transform:scale(1.06)rotate(-4deg)}.skill-head h3{letter-spacing:-.02em;font-size:16.5px}.skill-head small{font-family:var(--font-mono);letter-spacing:.1em;color:var(--faint);margin-top:3px;font-size:10.5px;display:block}.tags{flex-wrap:wrap;gap:7px;display:flex}.tags span{border:1px solid var(--line);background:var(--surface-2);font-family:var(--font-mono);color:var(--muted);border-radius:7px;align-items:center;gap:6px;max-width:100%;padding:5px 10px;font-size:11.5px;font-weight:500;transition:color .2s,border-color .2s,background .2s;display:inline-flex}.tags span:hover{color:var(--text);background:#22d3ee1a;border-color:#22d3ee73;transform:translateY(-2px)}.tag-icon{opacity:.75;transition:opacity .25s var(--ease), transform .25s var(--ease);flex:none;font-size:13px}.card:hover .tag-icon{opacity:1}.tags span:hover .tag-icon{transform:scale(1.15)}.card.is-visible .tags span{animation:tag-in .38s var(--ease-out) backwards}@keyframes tag-in{0%{opacity:0;transform:translateY(6px)scale(.94)}to{opacity:1;transform:none}}.tags span:first-child{animation-delay:80ms}.tags span:nth-child(2){animation-delay:.12s}.tags span:nth-child(3){animation-delay:.16s}.tags span:nth-child(4){animation-delay:.2s}.tags span:nth-child(5){animation-delay:.24s}.tags span:nth-child(6){animation-delay:.28s}.tags span:nth-child(7){animation-delay:.32s}.tags span:nth-child(8){animation-delay:.36s}.tags span:nth-child(9){animation-delay:.4s}.tags span:nth-child(10){animation-delay:.44s}.tags span:nth-child(11){animation-delay:.48s}.tags span:nth-child(12){animation-delay:.52s}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:18px;display:grid}.project-card{flex-direction:column;padding:28px;display:flex}.project-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.project-no{font-family:var(--font-mono);letter-spacing:.12em;color:var(--faint);font-size:11.5px;font-weight:600}.chip{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--c-violet);background:#a78bfa1f;border:1px solid #a78bfa59;border-radius:99px;align-items:center;max-width:100%;padding:5px 11px;font-size:10.5px;font-weight:600;display:inline-flex}.project-card h3{letter-spacing:-.035em;margin-bottom:10px;font-size:clamp(19px,2vw,23px)}.project-card .lead{margin-bottom:20px;font-size:14.5px}.project-card .tags{margin-top:auto}.project-links{border-top:1px solid var(--line);flex-wrap:wrap;gap:10px;margin-top:22px;padding-top:20px;display:flex}.project-links a{border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface-2);font-family:var(--font-mono);color:var(--muted);min-height:42px;transition:color .2s, border-color .2s, background .2s, transform .2s var(--ease);justify-content:center;align-items:center;gap:7px;padding:9px 14px;font-size:12px;font-weight:600;display:inline-flex}.project-links a:hover{color:var(--text);border-color:var(--line-strong);background:var(--surface-3);transform:translateY(-2px)}.education-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:18px;display:grid}.education-card{padding:28px}.education-card h3{letter-spacing:-.03em;margin:16px 0 6px;font-size:18px;line-height:1.35}.education-card h4{color:var(--muted);margin:0 0 14px;font-size:15px;font-weight:500}.education-degree{font-family:var(--font-mono);color:var(--c-mint);margin-bottom:12px;font-size:12px;font-weight:600;display:inline-flex}.badge{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--c-cyan);background:#22d3ee1c;border:1px solid #22d3ee57;border-radius:99px;align-items:center;gap:7px;max-width:100%;padding:5px 11px;font-size:10.5px;font-weight:600;display:inline-flex}.timeline{padding-left:4px;display:grid}.timeline-item{border-left:1px solid var(--line);grid-template-columns:170px minmax(0,1fr);gap:28px;padding:30px 0 30px 34px;display:grid;position:relative}.timeline-item:last-child{border-left-color:#0000}.timeline-item:before{content:"";background:var(--bg);width:9px;height:9px;box-shadow:0 0 0 2px var(--c-cyan), 0 0 0 7px #22d3ee24;transition:box-shadow .3s var(--ease);border-radius:99px;position:absolute;top:38px;left:-5px}.timeline-item:hover:before{box-shadow:0 0 0 2px var(--c-violet), 0 0 0 10px #a78bfa29}.timeline-item:after{content:"";border:1px solid var(--c-cyan);opacity:0;pointer-events:none;width:17px;height:17px;animation:ping-ring 3s var(--ease-out) infinite;border-radius:99px;position:absolute;top:34px;left:-9px}.timeline-item:nth-child(2):after{animation-delay:1s}.timeline-item:nth-child(3):after{animation-delay:2s}@keyframes ping-ring{0%{opacity:.7;transform:scale(.5)}70%,to{opacity:0;transform:scale(2.1)}}.timeline-period{font-family:var(--font-mono);letter-spacing:.06em;color:var(--faint);padding-top:3px;font-size:12px;font-weight:600}.timeline-body h3{letter-spacing:-.03em;font-size:20px}.timeline-company{color:var(--c-cyan);margin:5px 0 16px;font-size:14px;font-weight:500}.timeline-body ul{gap:10px;padding:0;list-style:none;display:grid}.timeline-body li{color:var(--muted);padding-left:20px;font-size:14.5px;line-height:1.7;position:relative}.timeline-body li:before{content:">";font-family:var(--font-mono);color:var(--c-violet);font-size:13px;position:absolute;top:0;left:0}.contact-card{border-radius:var(--r-xl);grid-template-columns:minmax(0,1fr) minmax(0,.85fr);align-items:center;gap:clamp(28px,4vw,56px);padding:clamp(30px,4.5vw,56px);display:grid}.contact-card h2{letter-spacing:-.045em;margin:14px 0 16px;font-size:clamp(26px,3.6vw,42px)}.contact-list{gap:10px;display:grid}.contact-row{border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface-2);text-align:left;width:100%;min-width:0;min-height:56px;transition:border-color .2s, background .2s, transform .2s var(--ease);align-items:center;gap:13px;padding:15px 18px;display:flex}a.contact-row:hover,button.contact-row:hover{border-color:var(--line-strong);background:var(--surface-3);transform:translate(4px)}.contact-row svg{color:var(--c-cyan);flex:none}.contact-row .label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);font-size:10.5px;display:block}.contact-row .value{letter-spacing:-.01em;word-break:break-word;font-size:14.5px;font-weight:600;display:block}.contact-row>span{min-width:0}.contact-row .trail{color:var(--faint);margin-left:auto}.footer{border-top:1px solid var(--line);padding:36px 0}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.footer p{font-family:var(--font-mono);color:var(--faint);font-size:12px}.footer-socials{gap:8px;display:flex}.to-top{z-index:40;border:1px solid var(--line-strong);background:var(--bg-elev);width:44px;height:44px;color:var(--text);box-shadow:var(--shadow-card);opacity:0;pointer-events:none;transition:opacity .3s var(--ease), transform .3s var(--ease), color .2s, border-color .2s;border-radius:14px;place-items:center;display:grid;position:fixed;bottom:22px;right:22px;transform:translateY(14px)scale(.9)}.to-top.is-visible{opacity:1;pointer-events:auto;transform:none}.to-top:hover{border-color:var(--c-cyan);color:var(--c-cyan)}[data-reveal]{opacity:0;transition:opacity .7s var(--ease-out), transform .7s var(--ease-out);transition-delay:var(--d,0s);transform:translateY(22px)}[data-reveal].is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}[data-reveal]{opacity:1;transform:none}}@media (width<=860px){.about-main,.about-stack{grid-column:span 12}}@media (width<=1100px) and (width>=961px){.nav-links a{padding-inline:10px;font-size:13px}.hero h1{font-size:clamp(42px,6.6vw,72px)}}@media (width<=860px){.orbit{--r:150px}.orbit-chip{border-radius:11px;width:36px;height:36px;margin:-18px 0 0 -18px;font-size:17px}.orbit-slot:before{width:calc(var(--r) - 44px);right:22px}}@media (width<=430px){.orbit{--r:124px}.orbit-chip{border-radius:10px;width:32px;height:32px;margin:-16px 0 0 -16px;font-size:15px}}@media (width<=960px){.nav-links{display:none}.menu-btn{display:grid}.hero-grid,.contact-card{grid-template-columns:1fr}.hero{padding-top:112px}.hero-stage{width:min(100%,520px);margin:10px auto 0}.timeline-item{grid-template-columns:1fr;gap:14px}}@media (width<=720px){:root{--gutter:clamp(14px, 4.8vw, 18px)}html{scroll-padding-top:88px}.hero-actions{width:100%}.hero-actions .btn{flex:1;justify-content:center;min-width:min(100%,190px)}.hero-socials{flex-wrap:wrap}.terminal-foot{grid-template-columns:1fr}.terminal-foot div+div{border-left:0;border-top:1px solid var(--line)}.quick-facts{grid-template-columns:1fr}.quick-facts>div{padding:14px 18px}.footer-inner{flex-direction:column;align-items:flex-start}}@media (width<=560px){.section{padding:64px 0}.hero{min-height:100svh;padding-top:104px;padding-bottom:56px}.hero h1{font-size:clamp(38px,13vw,56px);line-height:1}.hero-role{align-items:flex-start;font-size:13px;line-height:1.55}.hero-role b{display:inline}.stage-figure{--r:230px;--orbit-y:42%;width:min(100%,360px)}.orbit{--r:156px;top:38%}.hero-stage .terminal{margin-top:-32px}.terminal{border-radius:var(--r-lg)}.terminal-body{padding:18px 16px;font-size:11.6px;line-height:1.85}.terminal-foot div{padding:14px 12px}.terminal-foot strong{font-size:23px}.card:hover,.icon-btn:hover,.btn.primary:hover,.btn.ghost:hover,.project-links a:hover,a.contact-row:hover,button.contact-row:hover{transform:none}.about-main,.about-stack,.skill-card,.project-card,.education-card,.contact-card{padding:22px}.timeline{padding-left:0}.timeline-item{gap:10px;padding:26px 0 26px 24px}.project-links a{flex:1;min-width:min(100%,140px)}.contact-row{padding:14px 15px}.to-top{width:42px;height:42px;bottom:16px;right:16px}}@media (width<=420px){.brand-meta small{display:none}.navbar-inner{height:66px}.mobile-menu{max-height:calc(100dvh - 66px);top:66px}.brand-logo{border-radius:10px;width:34px;height:34px}.brand{gap:9px;font-size:14px}.icon-btn{border-radius:11px;width:36px;height:36px}.pill{max-width:100%;font-size:10.5px}.hero-actions{display:grid}.hero-actions .btn{width:100%}.hero-socials{gap:8px}.stage-figure{--r:210px;--orbit-y:40%;width:min(100%,320px)}.orbit{--r:138px;top:36%}.terminal-body{font-size:11px}.section-index{letter-spacing:.1em;font-size:10.5px}.section-heading h2{font-size:clamp(26px,10vw,34px)}.tags span{padding-inline:8px;font-size:10.8px}.quick-facts>div{flex-direction:column;align-items:flex-start;gap:5px}.quick-facts dd{text-align:left}.contact-row .trail{display:none}}@media (width<=360px){.hero h1{font-size:clamp(34px,13vw,44px)}.stage-figure{--r:190px;--orbit-y:39%;width:min(100%,280px)}.orbit{--r:120px;top:35%}.orbit-chip{border-radius:9px;width:29px;height:29px;margin:-14.5px 0 0 -14.5px;font-size:14px}.orbit-slot:before{width:calc(var(--r) - 38px);right:19px}.terminal-body{padding-inline:12px;font-size:10.4px}}