:root{--bg:#e8eef2;--bg-deep:#d2dde6;--ink:#0c1a28;--ink-soft:#3a4f63;--line:#0c1a281f;--accent:#0a6e68;--accent-deep:#055550;--accent-hot:#e85d04;--surface:#ffffff94;--font-display:"Sora", "Noto Sans SC", sans-serif;--font-body:"Noto Sans SC", system-ui, sans-serif;--pad:clamp(1.25rem, 4vw, 3.5rem);--max:68rem}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--ink);font-family:var(--font-body);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.65;overflow-x:hidden}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}button{font:inherit;color:inherit;cursor:pointer}#app{isolation:isolate;position:relative}.atmosphere{z-index:-2;background:radial-gradient(ellipse 70% 50% at 8% -5%, #0a6e6847, transparent 55%), radial-gradient(ellipse 55% 40% at 95% 5%, #e85d041f, transparent 50%), linear-gradient(160deg, #f3f7f9 0%, var(--bg) 45%, var(--bg-deep) 100%);position:fixed;inset:0}.atmosphere:after{content:"";opacity:.28;background-image:linear-gradient(#0c1a280d 1px,#0000 1px),linear-gradient(90deg,#0c1a280d 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 70%);mask-image:linear-gradient(#000,#0000 70%)}.pointer-glow{z-index:-1;pointer-events:none;opacity:.85;will-change:transform;background:radial-gradient(circle,#0a6e6829,#0000 68%);border-radius:50%;width:360px;height:360px;transition:transform 80ms linear;position:fixed;top:0;left:0}.topbar{z-index:20;padding:1rem var(--pad);justify-content:space-between;align-items:center;gap:1rem;transition:background .25s,-webkit-backdrop-filter .25s,backdrop-filter .25s,box-shadow .25s;display:flex;position:sticky;top:0}.topbar.is-scrolled{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line);background:#e8eef2d6}.brand{font-family:var(--font-display);letter-spacing:.02em;font-size:1.05rem;font-weight:700;text-decoration:none}.nav{flex-wrap:wrap;gap:.85rem 1.2rem;font-size:.92rem;display:flex}.nav a{color:var(--ink-soft);text-decoration:none}.nav a:hover{color:var(--accent-deep)}.hero{min-height:min(100vh,54rem);padding:clamp(4.5rem, 12vh, 7rem) var(--pad) clamp(2.5rem, 6vh, 4rem);grid-template-columns:1.1fr .9fr;align-items:end;gap:clamp(1.5rem,4vw,3rem);display:grid}.hero-brand{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 .65rem;font-size:clamp(2.6rem,8vw,4.8rem);font-weight:700;line-height:1.02;animation:.85s both rise}.hero h1{max-width:16ch;font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:clamp(1.45rem,3.4vw,2.2rem);font-weight:650;line-height:1.25;animation:.85s 80ms both rise}.hero-lead{max-width:34rem;color:var(--ink-soft);margin:1rem 0 0;font-size:clamp(.98rem,1.8vw,1.1rem);animation:.85s .16s both rise}.hero-cta{flex-wrap:wrap;gap:.75rem;margin-top:1.6rem;animation:.85s .24s both rise;display:flex}.btn{border-radius:.3rem;justify-content:center;align-items:center;padding:.72rem 1.2rem;font-size:.95rem;font-weight:650;text-decoration:none;transition:transform .2s,background .2s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--accent);color:#f4fffd}.btn-primary:hover{background:var(--accent-deep)}.btn-ghost{box-shadow:inset 0 0 0 1px var(--line);background:0 0}.btn-ghost:hover{box-shadow:inset 0 0 0 1px var(--accent);color:var(--accent-deep)}.magic{color:#e8f2f0;transform-origin:bottom;background:#0c1a28eb;border-radius:.85rem;justify-self:end;width:min(100%,24rem);animation:.9s .2s both rise;overflow:hidden;box-shadow:0 24px 60px #0c1a2838,0 0 0 1px #ffffff0f}.magic.is-firing .magic-out{animation:.55s pop}.magic.is-firing .magic-arrow{animation:.55s dash}.magic-bar{letter-spacing:.04em;color:#e8f2f0a6;background:#ffffff0a;border-bottom:1px solid #ffffff14;align-items:center;gap:.5rem;padding:.7rem 1rem;font-size:.78rem;display:flex}.magic-dot{background:#3dd6c6;border-radius:50%;width:.45rem;height:.45rem;animation:2.4s ease-in-out infinite pulse;box-shadow:0 0 0 4px #3dd6c633}.magic-body{padding:1.25rem 1.15rem 1.15rem}.magic-prompt{font-family:var(--font-display);flex-wrap:wrap;align-items:baseline;gap:.45rem;margin:0;font-size:1.35rem;font-weight:650;display:flex}.magic-prefix{letter-spacing:.08em;text-transform:uppercase;color:#e8f2f073;font-size:.72rem;font-weight:600}.magic-name{color:#7ef0e2}.magic-cursor{vertical-align:text-bottom;background:#7ef0e2;width:.12rem;height:1.1em;animation:1s step-end infinite blink;display:inline-block}.magic-transform{align-items:center;gap:.75rem;min-height:2.5rem;margin-top:1rem;display:flex}.magic-arrow{background:linear-gradient(90deg,#0000,#e85d04,#7ef0e2);flex-shrink:0;width:1.5rem;height:1px;position:relative}.magic-arrow:after{content:"";border:4px solid #0000;border-left-color:#7ef0e2;position:absolute;top:-3px;right:-2px}.magic-out{color:#ffd7a8;font-size:1.05rem;font-weight:650}.magic-chips{flex-wrap:wrap;gap:.4rem;margin-top:1.15rem;display:flex}.magic-chip{color:#e8f2f0bf;background:0 0;border:1px solid #ffffff24;border-radius:999px;padding:.35rem .65rem;font-size:.78rem;transition:background .2s,color .2s,border-color .2s}.magic-chip:hover,.magic-chip.is-active{color:#7ef0e2;background:#7ef0e21f;border-color:#7ef0e273}.spotlight{padding:clamp(3.5rem, 9vh, 6rem) var(--pad);position:relative;overflow:hidden}.spotlight-glow{pointer-events:none;background:radial-gradient(#0a6e682e,#0000 70%);height:55%;position:absolute;inset:10% 5% auto}.spotlight-inner{max-width:var(--max);margin:0 auto;position:relative}.eyebrow{letter-spacing:.06em;color:var(--accent-deep);margin:0 0 .65rem;font-size:.82rem;font-weight:700}.spotlight-title{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:clamp(1.9rem,4.2vw,2.8rem);line-height:1.15}.spotlight-hook{max-width:40rem;color:var(--ink);margin:.75rem 0 0;font-size:clamp(1.05rem,2.2vw,1.25rem);font-weight:600;line-height:1.45}.spotlight-desc{max-width:42rem;color:var(--ink-soft);margin:.85rem 0 0;font-size:1.02rem;line-height:1.75}.spotlight-video{max-width:48rem;margin-top:1.5rem}.spotlight-video video{aspect-ratio:16/9;object-fit:contain;background:#0c1a28;width:100%;display:block}.spotlight-video-cap{color:var(--ink-soft);margin:.55rem 0 0;font-size:.85rem}.impact-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;max-width:36rem;margin-top:1.75rem;padding:1.1rem 0;display:grid}.impact-cell strong{font-family:var(--font-display);letter-spacing:-.02em;color:var(--accent-deep);font-size:clamp(1.5rem,3vw,2rem);display:block}.impact-cell span{color:var(--ink-soft);font-size:.85rem}.focus-heading{font-family:var(--font-display);letter-spacing:.02em;color:var(--ink);margin:2rem 0 .85rem;font-size:1.05rem;font-weight:700}.focus-list{gap:0;max-width:44rem;display:grid}.focus-item{border-top:1px solid var(--line);padding:1rem 0}.focus-item:last-child{border-bottom:1px solid var(--line)}.focus-item h4{font-family:var(--font-display);color:var(--accent-deep);margin:0 0 .35rem;font-size:1rem}.focus-item p{color:var(--ink-soft);margin:0;line-height:1.7}.spotlight-cta{flex-wrap:wrap;align-items:center;gap:.85rem 1.25rem;margin-top:1.75rem;display:flex}.stack{flex-wrap:wrap;gap:.4rem .55rem;margin:0;padding:0;list-style:none;display:flex}.stack-inline{width:100%;margin-top:.25rem}.stack li{color:var(--ink-soft);border-bottom:1px solid #0a6e6859;font-size:.8rem}.text-link{color:var(--accent-deep);border-bottom:1px solid #0a6e6859;font-weight:700;text-decoration:none}.text-link:hover{border-bottom-color:var(--accent-deep)}.soon{color:var(--ink-soft);opacity:.65;font-size:.9em}.section{padding:clamp(3rem, 7vh, 4.5rem) var(--pad)}.section-alt{background:var(--surface);border-block:1px solid var(--line)}.section-head{max-width:var(--max);margin:0 auto 1.5rem}.section-head h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 .4rem;font-size:clamp(1.5rem,3vw,2rem)}.section-head p{color:var(--ink-soft);max-width:36rem;margin:0}.work-list,.repo-grid,.demo-grid,.exp-list,.highlights,.skills,.edu,.contact-row,.social{max-width:var(--max);margin-left:auto;margin-right:auto}.work-list{gap:0;display:grid}.work-item{border-top:1px solid var(--line);padding:1.5rem 0}.work-item:last-child{border-bottom:1px solid var(--line)}.work-meta{flex-wrap:wrap;gap:.6rem 1rem;margin-bottom:.4rem;font-size:.82rem;display:flex}.work-tag{color:var(--accent-deep);font-weight:700}.work-status{color:var(--ink-soft)}.work-item h3{font-family:var(--font-display);margin:0;font-size:1.3rem}.work-hook{color:var(--ink);max-width:42rem;margin:.4rem 0 0;font-weight:600}.work-desc{color:var(--ink-soft);max-width:44rem;margin:.55rem 0 0;line-height:1.7}.work-focus{max-width:44rem;color:var(--ink-soft);margin:.85rem 0 0;padding-left:1.1rem}.work-focus li{margin-bottom:.35rem}.work-focus strong{color:var(--accent-deep);font-weight:650}.repo-grid{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem;display:grid}.repo-item{border-top:1px solid var(--line);padding:1rem 0;text-decoration:none;display:block}.repo-item:hover strong{color:var(--accent-deep)}.repo-lang{color:var(--accent-deep);margin-bottom:.3rem;font-size:.75rem;font-weight:700;display:block}.repo-item strong{font-family:var(--font-display)}.repo-item p{color:var(--ink-soft);margin:.3rem 0 0;font-size:.92rem}.demo-grid{grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1.5rem;display:grid}.demo-item{margin:0}.demo-item video,.demo-placeholder{aspect-ratio:16/9;width:100%;color:var(--ink-soft);background:linear-gradient(145deg,#b9cdd6,#9fc0bb);place-items:center;font-size:.92rem;display:grid}.demo-item figcaption{margin-top:.75rem}.demo-item h3{font-family:var(--font-display);margin:0 0 .25rem;font-size:1.05rem}.demo-item p{color:var(--ink-soft);margin:0 0 .4rem;font-size:.92rem}.highlights{margin:0 auto 1.25rem;padding:0;list-style:none}.highlights li{border-top:1px solid var(--line);color:var(--ink-soft);padding:.7rem 0}.highlights li:last-child{border-bottom:1px solid var(--line)}.skills{flex-wrap:wrap;gap:.5rem .85rem;margin-bottom:2rem;display:flex}.skills span{color:var(--ink-soft);border-bottom:1px solid #0a6e684d;font-size:.88rem}.exp-item{border-top:1px solid var(--line);padding:1.2rem 0}.exp-item:last-child{border-bottom:1px solid var(--line)}.exp-head{flex-wrap:wrap;justify-content:space-between;gap:.35rem 1rem;display:flex}.exp-head h3{font-family:var(--font-display);margin:0;font-size:1.1rem}.exp-head span{color:var(--ink-soft);font-size:.9rem}.exp-company{color:var(--accent-deep);margin:.2rem 0 .55rem;font-size:.95rem;font-weight:650}.exp-item ul{color:var(--ink-soft);margin:0;padding-left:1.1rem}.edu{color:var(--ink-soft);margin-top:1.5rem}.contact .section-head{margin-bottom:1.1rem}.contact-row{flex-wrap:wrap;align-items:center;gap:1rem 1.4rem;display:flex}.contact-phone{color:var(--ink-soft)}.copy-email{cursor:pointer;border:none;gap:.55rem}.copy-hint{opacity:.75;border-left:1px solid #f4fffd59;padding-left:.55rem;font-size:.75rem;font-weight:600}.social{align-items:center;gap:1rem;margin-top:1.1rem;display:flex}.social a,.social-copy{color:var(--accent-deep);cursor:pointer;background:0 0;border:none;border-bottom:1px solid #0a6e6859;padding:0;font-weight:650;text-decoration:none}.social a:hover,.social-copy:hover{border-bottom-color:var(--accent-deep)}.toast{z-index:50;color:#f4fffd;opacity:0;pointer-events:none;background:#0c1a28eb;border-radius:.4rem;padding:.7rem 1.1rem;font-size:.92rem;font-weight:600;transition:opacity .22s,transform .22s;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)translateY(.6rem);box-shadow:0 10px 28px #0c1a2838}.toast.is-show{opacity:1;transform:translate(-50%)translateY(0)}.footer{padding:1.4rem var(--pad) 2.4rem;color:var(--ink-soft);border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:.75rem;font-size:.88rem;display:flex}.footer a{text-decoration:none}.footer-links{flex-wrap:wrap;gap:.85rem 1.1rem;display:flex}.footer-links a:hover{color:var(--accent-deep)}.reveal{opacity:0;transition:opacity .55s,transform .55s;transform:translateY(.9rem)}.reveal.is-visible{opacity:1;transform:none}@keyframes rise{0%{opacity:0;transform:translateY(1.1rem)}to{opacity:1;transform:none}}@keyframes blink{50%{opacity:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes pop{0%{opacity:.2;transform:translateY(.4rem)}to{opacity:1;transform:none}}@keyframes dash{0%{opacity:.3;transform:scaleX(.3)}to{opacity:1;transform:scaleX(1)}}@media (width<=860px){.hero{grid-template-columns:1fr;align-items:start;min-height:auto;padding-top:5rem}.magic{justify-self:stretch;width:100%}.impact-row{grid-template-columns:1fr;gap:.85rem}}@media (width<=720px){.nav,.pointer-glow{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-brand,.hero h1,.hero-lead,.hero-cta,.magic,.magic-dot,.magic-cursor,.magic.is-firing .magic-out,.magic.is-firing .magic-arrow,.reveal,.pointer-glow{opacity:1;transform:none;transition:none!important;animation:none!important}}