:root{--font-display: "Instrument Serif", serif;--font-body: "Sora", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-glass: cubic-bezier(.2, .8, .2, 1)}:root,:root[data-track=frontend]{--page-bg: #030405;--text-primary: #fff;--text-muted: rgba(255, 255, 255, .72);--accent: #d9e5c5;--accent-soft: rgba(217, 229, 197, .14);--line: rgba(255, 255, 255, .12);--surface: rgba(255, 255, 255, .03);--glass-bg: rgba(255, 255, 255, .01);--glass-highlight: rgba(255, 255, 255, .45);--glass-midlight: rgba(255, 255, 255, .15);--glass-shadow: rgba(0, 0, 0, .26)}:root[data-track=frontend][data-theme=light]{--page-bg: #eef1f3;--text-primary: #111315;--text-muted: rgba(17, 19, 21, .7);--accent: #06462d;--accent-soft: rgba(6, 70, 45, .1);--line: rgba(17, 19, 21, .12);--surface: rgba(255, 255, 255, .5);--glass-bg: rgba(255, 255, 255, .12);--glass-highlight: rgba(255, 255, 255, .9);--glass-midlight: rgba(255, 255, 255, .45);--glass-shadow: rgba(20, 28, 35, .18)}:root[data-track=backend]{--page-bg: #000004;--text-primary: #e9edff;--text-muted: rgba(196, 208, 255, .66);--accent: #5b8bff;--accent-soft: rgba(91, 139, 255, .12);--accent-glow: rgba(36, 60, 108, .55);--line: rgba(91, 139, 255, .16);--line-strong: rgba(91, 139, 255, .34);--surface: rgba(8, 12, 28, .72);--surface-solid: #05070f;--glass-bg: rgba(10, 16, 34, .42);--glass-highlight: rgba(120, 158, 255, .4);--glass-midlight: rgba(91, 139, 255, .18);--glass-shadow: rgba(0, 0, 0, .6)}:root[data-track=backend][data-theme=light]{--page-bg: #f3f7ec;--text-primary: #101310;--text-muted: rgba(16, 19, 16, .66);--accent: #06462d;--accent-soft: rgba(6, 70, 45, .08);--accent-glow: rgba(6, 70, 45, .18);--line: rgba(16, 19, 16, .14);--line-strong: rgba(6, 70, 45, .32);--surface: rgba(255, 255, 255, .86);--surface-solid: #ffffff;--glass-bg: rgba(255, 255, 255, .6);--glass-highlight: rgba(255, 255, 255, .95);--glass-midlight: rgba(6, 70, 45, .14);--glass-shadow: rgba(20, 28, 35, .12)}:root[data-track=hub]{--page-bg: #050608;--text-primary: #fff;--text-muted: rgba(255, 255, 255, .68);--accent: #d9e5c5;--accent-soft: rgba(217, 229, 197, .12);--line: rgba(255, 255, 255, .12);--surface: rgba(255, 255, 255, .03);--glass-bg: rgba(255, 255, 255, .01);--glass-highlight: rgba(255, 255, 255, .45);--glass-midlight: rgba(255, 255, 255, .15);--glass-shadow: rgba(0, 0, 0, .3)}:root[data-track=hub][data-theme=light]{--page-bg: #eef1f3;--text-primary: #111315;--text-muted: rgba(17, 19, 21, .7);--accent: #06462d;--accent-soft: rgba(6, 70, 45, .1);--line: rgba(17, 19, 21, .12);--surface: rgba(255, 255, 255, .5);--glass-bg: rgba(255, 255, 255, .12);--glass-highlight: rgba(255, 255, 255, .9);--glass-midlight: rgba(255, 255, 255, .45);--glass-shadow: rgba(20, 28, 35, .18)}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:var(--text-muted) transparent;scrollbar-width:thin}body{margin:0;min-width:320px;overflow-x:hidden;background:var(--page-bg);color:var(--text-primary)}.track-shell{position:relative;min-height:100vh;background:var(--page-bg);color:var(--text-primary);transition:background-color .32s ease,color .32s ease}.mono{font-family:var(--font-mono);font-variant-ligatures:none;letter-spacing:-.01em}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{color:var(--page-bg);background:var(--accent)}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border-radius:9999px;background:var(--line-strong, rgba(255, 255, 255, .32))}.liquid-glass,.liquid-glass-strong{position:relative;overflow:hidden;border:none;background:var(--glass-bg);background-blend-mode:luminosity;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:inset 0 1px 1px #ffffff1a,0 16px 50px var(--glass-shadow)}.liquid-glass-strong{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);box-shadow:4px 4px 4px #0000000d,inset 0 1px 1px #ffffff26,0 18px 60px var(--glass-shadow)}.liquid-glass:before,.liquid-glass-strong:before{content:"";position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1.4px;pointer-events:none;background:linear-gradient(180deg,var(--glass-highlight) 0%,var(--glass-midlight) 20%,rgba(255,255,255,0) 40%,rgba(255,255,255,0) 60%,var(--glass-midlight) 80%,var(--glass-highlight) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.liquid-glass-strong:before{--glass-highlight: rgba(255, 255, 255, .5);--glass-midlight: rgba(255, 255, 255, .2)}.liquid-glass>*,.liquid-glass-strong>*{position:relative;z-index:1}@supports not ((backdrop-filter: blur(4px)) or (-webkit-backdrop-filter: blur(4px))){.liquid-glass,.liquid-glass-strong{background:#0b0d10e0}:root[data-theme=light] .liquid-glass,:root[data-theme=light] .liquid-glass-strong{background:#ffffffe6}}.panel{position:relative;border:1px solid var(--line);border-radius:10px;background:linear-gradient(180deg,rgba(91,139,255,.05),transparent 42%),var(--surface);box-shadow:inset 0 1px #ffffff0a,0 24px 70px #0000008c}:root[data-theme=light] .panel{box-shadow:0 18px 50px #141c231a}.panel-glow:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;pointer-events:none;background:radial-gradient(120% 80% at 50% -10%,var(--accent-glow),transparent 60%);opacity:.9;mix-blend-mode:screen}:root[data-theme=light] .panel-glow:after{mix-blend-mode:multiply;opacity:.35}.ide-grid{background-image:linear-gradient(to right,var(--line) 1px,transparent 1px),linear-gradient(to bottom,var(--line) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:radial-gradient(120% 90% at 50% 0%,#000 20%,transparent 78%);mask-image:radial-gradient(120% 90% at 50% 0%,#000 20%,transparent 78%)}.scanlines:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.03) 0 1px,transparent 1px 3px);opacity:.35}html[data-custom-cursor=on],html[data-custom-cursor=on] body,html[data-custom-cursor=on] body *,body.custom-cursor-on,body.custom-cursor-on *{cursor:none!important}.cursor-anchor{position:fixed;z-index:9999;top:0;left:0;width:0;height:0;pointer-events:none}.cursor-jitter{position:absolute;left:0;top:0;width:0;height:0;pointer-events:none}.cursor-jitter.is-glitching{animation:cursor-glitch .34s steps(3,end) 1}.cursor-layer{position:absolute;left:0;top:0;translate:-50% -50%;border:1px solid var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent);box-shadow:0 0 14px var(--accent-glow, rgba(91, 139, 255, .25)),inset 0 0 6px var(--accent-soft);transition:width .17s var(--ease-out),height .17s var(--ease-out),opacity .2s ease;pointer-events:none}.cursor-cross{position:absolute;left:0;top:0;background:var(--accent);opacity:.42;pointer-events:none}.cursor-cross--v{width:1px;height:9px;translate:-50% -50%}.cursor-cross--h{width:9px;height:1px;translate:-50% -50%}.cursor-ghost{position:absolute;left:0;top:0;height:2px;width:44px;translate:-50% 0;background:var(--accent);opacity:0;pointer-events:none}.cursor-ghost--a{top:-9px;animation:cursor-ghost .34s steps(2,end) 1}.cursor-ghost--b{top:9px;animation:cursor-ghost .34s steps(2,end) 1 reverse}.cursor-jitter.is-stable .cursor-ghost{animation:none}.cursor-dot{position:fixed;z-index:9999;top:0;left:0;width:4px;height:4px;translate:-50% -50%;border-radius:50%;background:var(--accent);pointer-events:none;will-change:transform}@keyframes cursor-glitch{0%{transform:translateZ(0) skew(0)}15%{transform:translate3d(-4px,2px,0) skew(-7deg)}35%{transform:translate3d(5px,-3px,0) skew(6deg)}55%{transform:translate3d(-2px,-2px,0) skew(0)}75%{transform:translate3d(3px,1px,0) skew(4deg)}to{transform:translateZ(0) skew(0)}}@keyframes cursor-ghost{0%{opacity:0;transform:translate(-7px) scaleX(1.1)}30%{opacity:.9;transform:translate(-2px) scaleX(.9)}60%{opacity:.45;transform:translate(6px) scaleX(1.2)}to{opacity:0;transform:translate(0) scaleX(1)}}.caret{display:inline-block;width:.58ch;height:1em;margin-left:.12ch;translate:0 .12em;background:currentColor;animation:caret-blink 1.05s steps(2,start) infinite}@keyframes caret-blink{50%{opacity:0}}@keyframes glow-pulse{0%,to{opacity:.45}50%{opacity:.9}}.glitch-hit{animation:glitch-hit .64s steps(1,end) 1}.glitch-text{animation:glitch-chroma .64s steps(2,end) 1}@keyframes glitch-hit{0%{clip-path:inset(0 0 0 0);transform:translateZ(0)}12%{clip-path:inset(16% 0 64% 0);transform:translate3d(-7px,0,0) skew(-3deg)}24%{clip-path:inset(58% 0 20% 0);transform:translate3d(6px,0,0) skew(4deg)}36%{clip-path:inset(32% 0 46% 0);transform:translate3d(-4px,-2px,0)}48%{clip-path:inset(0 0 0 0);transform:translate3d(3px,1px,0)}62%{clip-path:inset(72% 0 6% 0);transform:translate3d(-3px,0,0) skew(-2deg)}78%{clip-path:inset(6% 0 78% 0);transform:translate3d(4px,0,0)}to{clip-path:inset(0 0 0 0);transform:translateZ(0)}}@keyframes glitch-chroma{0%,to{text-shadow:none}20%{text-shadow:2px 0 rgba(255,60,120,.7),-2px 0 rgba(80,190,255,.7)}40%{text-shadow:-3px 0 rgba(255,60,120,.5),3px 0 rgba(80,190,255,.5)}60%{text-shadow:2px 0 rgba(255,60,120,.6),-2px 0 rgba(80,190,255,.6)}}@keyframes scroll-hint{0%,to{translate:0 0;opacity:.5}50%{translate:0 6px;opacity:1}}@keyframes frame-in{0%{opacity:0;filter:blur(7px) saturate(.9)}to{opacity:1;filter:blur(0) saturate(1)}}@keyframes frame-bar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.award-card--gold{animation:pulse-gold 3.4s ease-in-out infinite}.award-card--silver{animation:pulse-silver 3.8s ease-in-out infinite}.cert-card{animation:pulse-blue 4.6s ease-in-out infinite}.study-card{border-color:var(--line)}@keyframes pulse-gold{0%,to{box-shadow:0 0 0 1px #f0c85080,0 0 26px #f0c85029}50%{box-shadow:0 0 0 1px #ffd666f2,0 0 46px #f0c8506b}}@keyframes pulse-silver{0%,to{box-shadow:0 0 0 1px #ced8e073,0 0 24px #ced8e024}50%{box-shadow:0 0 0 1px #e8f0f6eb,0 0 42px #ced8e061}}@keyframes pulse-blue{0%,to{box-shadow:0 0 0 1px var(--line),0 0 20px #5b8bff1f}50%{box-shadow:0 0 0 1px var(--line-strong),0 0 34px var(--accent-soft)}}.rank-badge{animation:badge-glow 2.8s ease-in-out infinite}@keyframes badge-glow{0%,to{filter:brightness(1)}50%{filter:brightness(1.18)}}.storm-chip{animation:storm-in .42s var(--ease-out) both}@keyframes storm-in{0%{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}.section-anchor{scroll-margin-top:92px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 600px){.liquid-glass-strong{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.caret{animation:none}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
