:root{--color-bg: #0d0f12;--color-surface: #141720;--color-surface-2: #1c2030;--color-border: #2a2f3e;--color-amber: #f59e0b;--color-text: #e2e8f0;--color-text-muted: #94a3b8;--color-text-dim: #64748b;--color-green: #10b981;--color-blue: #3b82f6;--radius: 8px;--radius-lg: 12px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--color-bg);color:var(--color-text);font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--color-amber);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{line-height:1.2;font-weight:600}code,pre{font-family:JetBrains Mono,Fira Code,monospace;font-size:.875em}pre{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius);padding:1rem 1.25rem;overflow-x:auto;color:var(--color-text-muted)}.container{max-width:1100px;margin:0 auto;padding:0 1.5rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.4rem;border-radius:var(--radius);font-size:.9rem;font-weight:500;cursor:pointer;border:none;transition:all .15s ease;text-decoration:none}.btn--primary{background:var(--color-amber);color:#000}.btn--primary:hover{background:#fbbf24;text-decoration:none}.btn--outline{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.btn--outline:hover{border-color:var(--color-amber);color:var(--color-amber);text-decoration:none}.btn--ghost{background:transparent;color:var(--color-text-muted)}.btn--ghost:hover{color:var(--color-text);text-decoration:none}.btn--lg{padding:.85rem 2rem;font-size:1rem}.btn:disabled{opacity:.45;cursor:not-allowed}.badge{display:inline-block;padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:500}.badge--amber{background:#f59e0b26;color:var(--color-amber)}.badge--green{background:#10b98126;color:var(--color-green)}.badge--blue{background:#3b82f626;color:var(--color-blue)}.badge--dim{background:var(--color-surface-2);color:var(--color-text-dim)}.page-header{padding:5rem 0 3rem;border-bottom:1px solid var(--color-border);margin-bottom:3rem}.page-header .eyebrow{font-size:.8rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--color-amber);margin-bottom:.75rem}.page-header h1{font-size:clamp(2rem,5vw,3rem);margin-bottom:1rem}.page-header p{font-size:1.1rem;color:var(--color-text-muted);max-width:600px}.md-content h1,.md-content h2,.md-content h3,.md-content h4{margin:2rem 0 .75rem;color:var(--color-text)}.md-content h2{font-size:1.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border)}.md-content h3{font-size:1.15rem;color:var(--color-amber)}.md-content p{margin-bottom:1rem;color:var(--color-text-muted)}.md-content ul,.md-content ol{margin:.75rem 0 1rem 1.5rem;color:var(--color-text-muted)}.md-content li{margin-bottom:.3rem}.md-content a{color:var(--color-amber)}.md-content code{background:var(--color-surface-2);padding:.15em .4em;border-radius:4px}.md-content blockquote{border-left:3px solid var(--color-amber);padding-left:1rem;color:var(--color-text-muted);margin:1rem 0}