:root{--color-primary: #28c4d9;--color-primary-dark: #1a8fa5;--color-accent: #0ea5e9;--color-background: #0a0a0a;--color-surface: #0f1419;--color-text: #eafbff;--color-text-muted: #a0aec0;--color-border: rgba(40, 196, 217, .1);--color-grid: #1a2332;--color-focus: rgba(40, 196, 217, .5);--spacing-unit: 1rem;--font-sans: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Monaco", "Menlo", monospace}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--color-background);color:var(--color-text);margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}::selection{background:var(--color-primary);color:var(--color-background)}.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}.loading-state{min-height:100vh;background:var(--color-background)}a{color:var(--color-primary);text-decoration:none;transition:color .3s ease;border-bottom:1px solid transparent;padding-bottom:2px}a:hover{color:var(--color-accent);border-bottom-color:var(--color-accent)}main{min-height:100vh;padding:0;margin:0;background:var(--color-background)}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;letter-spacing:-.02em;font-family:var(--font-sans)}h1{font-size:clamp(2.2rem,5vw,3.5rem);line-height:1.2;color:var(--color-text)}h2{font-size:clamp(1.8rem,4vw,2.5rem);margin-top:2rem;margin-bottom:1rem}h3{font-size:clamp(1.4rem,3vw,1.8rem);margin-top:1.5rem;margin-bottom:.75rem}p{max-width:65ch;margin:1rem auto;line-height:1.6;color:var(--color-text-muted)}ul,ol{max-width:65ch;margin:1rem auto;line-height:1.8;text-align:left}li{margin-bottom:.5rem;color:var(--color-text-muted)}code{background:var(--color-surface);color:var(--color-primary);padding:2px 6px;border-radius:3px;font-family:var(--font-mono);font-size:.9em}button{background:var(--color-primary);color:var(--color-background);border:1px solid var(--color-primary);padding:.75rem 1.5rem;border-radius:4px;font-family:var(--font-sans);font-weight:600;cursor:pointer;transition:all .3s ease}button:hover{background:var(--color-accent);border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 16px #28c4d94d}@media(max-width:640px){body{font-size:16px}main{padding:1rem}}