.theme-toggle{--w: 58px;--h: 28px;position:relative;width:var(--w);height:var(--h);padding:0;overflow:hidden;background:#050505;border:1px solid rgba(255,255,255,.24);border-radius:999px;box-shadow:none;isolation:isolate;transition:background .28s ease,border-color .28s ease}.theme-toggle.is-light{background:#f1eee5;border-color:#0f14144d}.theme-toggle-track{position:absolute;inset:0;display:block}.theme-toggle-stars,.theme-toggle-sun-ray,.theme-toggle-orb-glow,.theme-toggle-orb-ring{display:none}.theme-toggle-orb{position:absolute;top:50%;left:4px;width:18px;height:18px;transform:translateY(-50%);transition:left .36s var(--ease-out-expo)}.theme-toggle.is-light .theme-toggle-orb{left:calc(100% - 22px)}.theme-toggle-orb-core{position:absolute;inset:0;background:#f4f1e9;border:1px solid rgba(255,255,255,.72);border-radius:50%}.theme-toggle.is-light .theme-toggle-orb-core{background:#111;border-color:#111}.theme-toggle:focus-visible{outline:2px solid var(--accent-magenta);outline-offset:3px}@media(prefers-reduced-motion:reduce){.theme-toggle,.theme-toggle-orb{transition:none}}@media(max-width:960px){.theme-toggle{--h: 38px;--w: 68px}.theme-toggle-orb{width:28px;height:28px}.theme-toggle.is-light .theme-toggle-orb{left:calc(100% - 32px)}}.lang-toggle{display:inline-flex;align-items:center;gap:.3rem;min-height:34px;padding:.45rem .9rem;border-radius:999px;background:var(--glass);border:1px solid var(--border-soft);font-family:var(--font-mono);font-size:.75rem;font-weight:600;letter-spacing:.1em;color:var(--text-muted);transition:border-color .3s var(--ease-out-expo),background .3s var(--ease-out-expo);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}@media(max-width:960px){.lang-toggle{min-height:44px}}.lang-toggle:hover{border-color:var(--accent-magenta);background:var(--glass-strong)}.lang-toggle-pill{padding:.1rem .35rem;border-radius:6px;transition:color .3s var(--ease-out-expo),background .3s var(--ease-out-expo)}.lang-toggle-pill.is-active{color:var(--text-primary);background:linear-gradient(135deg,#ff007726,#a855f726)}.lang-toggle-divider{opacity:.35}.lang-toggle:focus-visible{outline:2px solid var(--accent-magenta);outline-offset:3px}.loader-overlay{position:fixed;inset:0;background:var(--bg-deep);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;z-index:9999;font-family:var(--font-display)}.loader-brand{display:inline-flex;align-items:center;gap:.3rem;font-size:2.5rem;font-weight:700;letter-spacing:-.04em;color:var(--text-primary)}.loader-bracket{color:var(--text-muted);opacity:.6;font-weight:300}.loader-bar{width:min(240px,60vw);height:2px;background:#ffffff14;overflow:hidden;border-radius:999px}.loader-bar-fill{width:100%;height:100%;background:var(--accent-magenta);transform:translate(-65%) scaleX(.35);transform-origin:left center;animation:loader-indeterminate 1.4s ease-in-out infinite;transition:transform .3s var(--ease-out-expo)}.loader-bar-fill.is-determinate{animation:none}.loader-pct{color:var(--text-muted);font-size:.8rem;letter-spacing:.12em;font-family:var(--font-mono)}@keyframes loader-indeterminate{0%{transform:translate(-120%) scaleX(.35)}to{transform:translate(280%) scaleX(.35)}}:root{--bg-deep: #000000;--bg-panel: #050b16;--tech-navy: #071a36;--tech-cobalt: #2878f0;--tech-cyan: #65dcff;--tech-teal: #2bc8bf;--tech-emerald: #55e4a7;--accent-primary: var(--tech-cobalt);--accent-cyan: var(--tech-cyan);--accent-teal: var(--tech-teal);--accent-emerald: var(--tech-emerald);--accent-magenta: var(--accent-primary);--accent-purple: var(--accent-teal);--accent-neon: var(--accent-emerald);--text-primary: #f1f8ff;--text-muted: #9cb3c9;--text-on-accent: #02111f;--glass: rgba(52, 154, 255, .045);--glass-strong: rgba(58, 171, 255, .1);--border-soft: rgba(122, 197, 255, .14);--border-strong: rgba(122, 197, 255, .26);--backdrop: rgba(0, 0, 0, .78);--font-display: "ClashDisplay", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", "Cascadia Code", Menlo, monospace;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-elastic: cubic-bezier(.16, 1, .3, 1);color-scheme:dark}[data-theme=light]{--bg-deep: #edf6ff;--bg-panel: #f7fbff;--tech-navy: #0b315d;--tech-cobalt: #145cc2;--tech-cyan: #087da8;--tech-teal: #087b76;--tech-emerald: #087a54;--accent-primary: var(--tech-cobalt);--accent-cyan: var(--tech-cyan);--accent-teal: var(--tech-teal);--accent-emerald: var(--tech-emerald);--accent-magenta: var(--accent-primary);--accent-purple: var(--accent-teal);--accent-neon: var(--accent-emerald);--text-primary: #07192d;--text-muted: #425c76;--text-on-accent: #f8fcff;--glass: rgba(20, 92, 194, .045);--glass-strong: rgba(20, 92, 194, .09);--border-soft: rgba(11, 49, 93, .13);--border-strong: rgba(11, 49, 93, .24);--backdrop: rgba(237, 246, 255, .78);color-scheme:light}@font-face{font-family:ClashDisplay;src:url(/assets/fonts/ClashDisplay.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable;scroll-padding-top:80px}[id]{scroll-margin-top:88px}@media(max-width:640px){html{scroll-padding-top:72px}[id]{scroll-margin-top:72px}}html,body{margin:0;padding:0;background:var(--bg-deep);color:var(--text-primary);font-family:var(--font-body);font-size:16px;font-kerning:normal;font-feature-settings:"kern" 1,"liga" 1,"calt" 1;line-height:1.6;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:clip}#root{min-height:100vh;isolation:isolate}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-kerning:normal;font-feature-settings:"kern" 1,"liga" 1,"calt" 1;font-weight:600;line-height:1.1;letter-spacing:-.02em;margin:0}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:0;background:transparent;color:inherit}img,svg,video{display:block;max-width:100%;height:auto}::selection{background:var(--accent-primary);color:#fff}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:999px;opacity:.5}::-webkit-scrollbar-thumb:hover{background:var(--accent-teal)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:3px;border-radius:4px}.motion-ready .motion-reveal{opacity:0;transform:translate3d(0,2.4rem,0) scale(.985);transition:opacity .72s var(--ease-out-expo) var(--reveal-delay, 0ms),transform .88s var(--ease-out-expo) var(--reveal-delay, 0ms),clip-path .9s var(--ease-out-expo) var(--reveal-delay, 0ms);will-change:transform,opacity,clip-path}.motion-ready .motion-reveal.is-revealed{opacity:1;transform:translateZ(0) scale(1)}.motion-ready .section-frame-header.motion-reveal,.motion-ready .technical-story-intro.motion-reveal,.motion-ready .experience-intro.motion-reveal{clip-path:inset(0 0 95% 0);transform:translate3d(0,3.2rem,0)}.motion-ready .section-frame-header.motion-reveal.is-revealed,.motion-ready .technical-story-intro.motion-reveal.is-revealed,.motion-ready .experience-intro.motion-reveal.is-revealed{clip-path:inset(0);transform:translateZ(0)}.motion-ready .project-card.motion-reveal{clip-path:inset(0 0 12% 0);transform:translate3d(0,4rem,0) scale(.96)}.motion-ready .project-card.motion-reveal.is-revealed{clip-path:inset(0);transform:translateZ(0) scale(1)}.motion-ready .about-side-card.motion-reveal:nth-child(2n),.motion-ready .contact-card.motion-reveal:nth-child(2n),.motion-ready .experience-item.motion-reveal:nth-child(2n){transform:translate3d(2.5rem,1.2rem,0)}.motion-ready .about-side-card.motion-reveal:nth-child(2n).is-revealed,.motion-ready .contact-card.motion-reveal:nth-child(2n).is-revealed,.motion-ready .experience-item.motion-reveal:nth-child(2n).is-revealed{transform:translateZ(0)}.motion-ready .capability-card.motion-reveal{transform:perspective(900px) translate3d(0,3rem,0) rotateX(4deg) scale(.97);transform-origin:50% 100%}.motion-ready .capability-card.motion-reveal.is-revealed{transform:perspective(900px) translateZ(0) rotateX(0) scale(1)}.motion-ready :target .motion-reveal,.motion-ready .motion-reveal:target{opacity:1;clip-path:inset(0);transform:none}.reveal-delay-1{transition-delay:.12s}.reveal-delay-2{transition-delay:.22s}.reveal-delay-3{transition-delay:.32s}html,body{transition:background-color .45s var(--ease-out-expo),color .45s var(--ease-out-expo)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}html,body{transition:none}.reveal,.motion-ready .motion-reveal{opacity:1;clip-path:none;transform:none!important;transition:none}.reveal-delay-1,.reveal-delay-2,.reveal-delay-3{transition-delay:0s}}
