*{box-sizing:border-box;margin:0;padding:0}:root{--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--color-bg:#0d0d0d;--color-surface:#1a1a1a;--color-border:#2a2a2a;--color-text:#e0e0e0;--color-muted:#888;--color-accent:#4af;--color-success:#4f8;--color-error:#f84}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);min-height:100vh;line-height:1.6}main{max-width:720px;margin:0 auto;padding:4rem 2rem}header{margin-bottom:4rem}header h1{margin-bottom:.5rem;font-size:2rem;font-weight:700}header p{color:var(--color-muted);font-size:1.125rem}section{margin-bottom:3rem}section h2{color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.75rem;font-weight:600}section p{color:var(--color-text);margin-bottom:1rem}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}code{font-family:var(--font-mono);background:var(--color-surface);border-radius:3px;padding:.125em .375em;font-size:.875em}pre{background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;margin-bottom:1rem;padding:1rem 1.25rem;overflow-x:auto}pre code{background:0 0;padding:0}