:root{--bg:#0a0f1a;--surface:#111827;--border:rgba(99,102,241,.2);--accent:#6366f1;--accent-light:#818cf8;--text:#e5e7eb;--muted:#9ca3af}
*{margin:0;padding:0;box-sizing:border-box}
body{max-width:860px;margin:0 auto;padding:48px 24px 96px;font-family:'Inter',-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.7}
a{color:var(--accent-light)}
h1{font-size:2rem;margin:0 0 8px}
h2{font-size:1.4rem;margin:32px 0 12px;color:var(--accent-light)}
h3{margin:24px 0 8px}
p,li{color:var(--text);margin:10px 0}
table{width:100%;border-collapse:collapse;margin:20px 0}
th,td{border:1px solid var(--border);padding:10px 14px;text-align:left}
th{background:var(--surface);color:var(--accent-light)}
code{background:var(--surface);padding:2px 6px;border-radius:4px}
.brand{color:var(--muted);font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:32px}
.brand a{color:var(--accent-light);text-decoration:none}
.muted{color:var(--muted)}
.card{display:block;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:18px 22px;margin:14px 0;text-decoration:none;color:var(--text)}
.card:hover{border-color:var(--accent)}
.card b{color:var(--accent-light)}
footer{margin-top:64px;padding-top:24px;border-top:1px solid var(--border);color:var(--muted);font-size:.85rem}