*,::after,::before{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#0a0a1a;--color-bg-secondary:#0f0f23;--color-surface:#111127;--color-surface-hover:#1a1a35;--color-surface-raised:#1e1e3a;--color-border:#2a2a4a;--color-border-subtle:#1e1e38;--color-text:#e2e8f0;--color-text-secondary:#a1a1b5;--color-text-muted:#6b6b80;--color-text-heading:#f8fafc;--color-primary:#0ea5e9;--color-primary-hover:#38bdf8;--color-primary-active:#0284c7;--color-primary-rgb:14,165,233;--color-primary-glow:rgba(56, 189, 248, 0.15);--color-accent:#38bdf8;--color-accent-hover:#7dd3fc;--color-accent-rgb:56,189,248;--color-success:#22c55e;--color-success-rgb:34,197,94;--color-warning:#f59e0b;--color-warning-rgb:245,158,11;--color-danger:#ef4444;--color-danger-rgb:239,68,68;--color-info:#3b82f6;--color-info-rgb:59,130,246;--color-gradient-start:#0ea5e9;--color-gradient-end:#38bdf8;--font-sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-mono:'JetBrains Mono','Fira Code','Cascadia Code','Consolas',monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--leading-tight:1.1;--leading-snug:1.3;--leading-normal:1.6;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--nav-height:64px;--max-width:1200px;--max-width-narrow:800px;--border-radius:8px;--border-radius-lg:12px;--border-radius-xl:16px;--transition-fast:0.15s ease;--transition:0.2s ease;--transition-slow:0.3s ease}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-height) + 2rem)}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);min-height:100vh;overflow-x:hidden}html{overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--color-text-heading);line-height:var(--leading-tight);font-weight:700}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{margin-bottom:var(--space-4);color:var(--color-text-secondary)}a{color:var(--color-primary-hover);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary);text-decoration:underline}strong{font-weight:600;color:var(--color-text)}code{font-family:var(--font-mono);font-size:.9em;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:4px;padding:.15em .4em;color:var(--color-primary-hover)}pre{font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.7;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--border-radius);padding:var(--space-6);overflow-x:auto;margin-bottom:var(--space-6);max-width:100%;word-break:break-all}pre code{background:0 0;border:none;padding:0;font-size:inherit;color:var(--color-text)}img{max-width:100%;height:auto}::selection{background:rgba(var(--color-primary-rgb),.3);color:var(--color-text-heading)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}