:root { color-scheme: light dark; }
body { margin: 0; font: 16px/1.55 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; background: #0f172a; color: #f1f5f9; }
main { max-width: 720px; margin: 0 auto; padding: 32px 20px 56px; }
a { color: #34d399; }
h1 { font-size: 1.7rem; margin: 0 0 8px; }
h2 { font-size: 1.15rem; margin: 28px 0 6px; color: #fbbf24; }
p { margin: 8px 0; }
ul { padding-left: 22px; }
li { margin: 6px 0; }
.brand { font-size: 0.85rem; color: #94a3b8; letter-spacing: 0.08em; text-transform: uppercase; }
.foot { margin-top: 40px; font-size: 0.85rem; color: #94a3b8; }
.code { font: 700 2rem/1 ui-monospace, "Cascadia Mono", Consolas, monospace; letter-spacing: 0.3em; color: #34d399; margin: 12px 0; }
.btn { display: inline-block; padding: 14px 22px; margin: 8px 8px 8px 0; border-radius: 999px; background: #34d399; color: #0f172a; font-weight: 700; text-decoration: none; }
.btn.secondary { background: transparent; color: #f1f5f9; border: 1px solid #475569; }
.muted { color: #94a3b8; font-size: 0.9rem; }