:root{--bg-canvas:0 0% 100%;--bg-surface:210 20% 98%;--bg-card:0 0% 100%;--bg-elevated:210 25% 95%;--color-primary:221 83% 53%;--color-primary-hover:221 83% 45%;--color-accent:199 89% 48%;--color-accent-amber:38 92% 50%;--color-success:158 64% 36%;--color-danger:354 70% 54%;--grade-1-crimson:354 70% 54%;--grade-2-ochre:38 92% 50%;--grade-3-sunflower:45 95% 48%;--grade-4-cerulean:211 100% 50%;--grade-5-emerald:158 64% 42%;--grade-6-amethyst:275 80% 55%;--text-primary:222 47% 11%;--text-secondary:215 16% 40%;--text-muted:215 16% 56%;--border-subtle:214 32% 91%;--border-focus:221 83% 53%;--text-hero:clamp(2.5rem, 5vw + 1rem, 4.5rem);--text-h1:clamp(2rem, 3.2vw + .8rem, 3.25rem);--text-h2:clamp(1.5rem, 2vw + .6rem, 2.25rem);--text-h3:clamp(1.2rem, 1.2vw + .4rem, 1.6rem);--text-body-lg:clamp(1.05rem, .4vw + .95rem, 1.2rem);--text-body:clamp(.92rem, .2vw + .88rem, 1.02rem);--text-caption:clamp(.75rem, .15vw + .72rem, .85rem);--tracking-tight:-.02em;--tracking-micro:.14em;--tracking-sovereign:.18em;--font-heading:"Plus Jakarta Sans", "Instrument Sans", system-ui, -apple-system, sans-serif;--font-body:"Instrument Sans", "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-serif:"Instrument Serif", Georgia, serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--shadow-elevation-1:0 1px 2px 0 #181d250d;--shadow-elevation-2:0 4px 6px -1px #181d2512, 0 2px 4px -1px #181d250a;--shadow-elevation-3:0 10px 15px -3px #181d2514, 0 4px 6px -2px #181d250d;--shadow-elevation-4:0 20px 25px -5px #181d251a, 0 10px 10px -5px #181d250a;--shadow-tactile-chassis:0 1px 3px 0 #00000008, 0 12px 36px -6px #00000012, inset 0 1px 0 0 #ffffffd9;--shadow-tactile-hover:0 2px 6px 0 #0000000a, 0 20px 48px -8px #0000001a, inset 0 1px 0 0 #fffffff2;--btn-specular:inset 0 1px 0 0 #fffc, 0 1px 2px 0 #181d250f;--btn-active-transform:translateY(1px) scale(.985);--spring-physics:cubic-bezier(.16, 1, .3, 1);--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--container-max:80rem}*,:before,:after{box-sizing:border-box}body{background-color:hsl(var(--bg-canvas));color:hsl(var(--text-primary));font-family:var(--font-body);font-size:var(--text-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;line-height:1.65}h1,h2,h3,h4,h5,h6{color:hsl(var(--text-primary));letter-spacing:var(--tracking-tight);margin-top:0;line-height:1.2}h1{font-family:var(--font-heading);font-size:var(--text-h1);font-weight:600}h2{font-family:var(--font-body);font-size:var(--text-h2);font-weight:700}h3{font-family:var(--font-body);font-size:var(--text-h3);font-weight:600}p{margin-top:0;margin-bottom:1.25rem}a{color:hsl(var(--color-primary));text-decoration:none;transition:color .15s}a:hover{color:hsl(var(--color-primary-hover))}code,kbd,samp,pre{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.skip-link{background:hsl(var(--color-primary));color:#fff;border-radius:var(--radius-md);z-index:9999;padding:.75rem 1.25rem;font-weight:600;transition:top .2s;position:absolute;top:-100px;left:1rem}.skip-link:focus{outline:3px solid hsl(var(--color-accent));top:1rem}:focus-visible{outline:2px solid hsl(var(--color-primary));outline-offset:2px}[data-theme=dark]{--bg-canvas:222 47% 7%;--bg-surface:222 47% 10%;--bg-card:222 47% 12%;--bg-elevated:222 47% 15%;--text-primary:210 20% 98%;--text-secondary:215 16% 75%;--text-muted:215 16% 55%;--border-subtle:217 33% 20%;--border-focus:221 83% 60%;--shadow-tactile-chassis:0 1px 3px 0 #0006, 0 16px 40px -8px #0009, inset 0 1px 0 0 #ffffff14;--shadow-tactile-hover:0 2px 6px 0 #00000080, 0 24px 50px -10px #000000b3, inset 0 1px 0 0 #ffffff1f;--btn-specular:inset 0 1px 0 0 #ffffff1f, 0 1px 2px 0 #0000004d}.noise-layer{pointer-events:none;z-index:-1;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:fixed;inset:0}