:root{--bg:#0b0d12;--panel:#151922;--line:#232a36;--text:#e6e9ef;--muted:#97a1b3;--accent:#f5c542}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.topbar{display:flex;align-items:center;gap:20px;padding:14px 24px;border-bottom:1px solid var(--line);background:var(--panel)}.brand{font-weight:700;letter-spacing:.3px}.nav{display:flex;gap:16px}.nav a,.topbar a{color:var(--muted);text-decoration:none;font-size:14px}.nav a:hover{color:var(--text)}.auth{margin-left:auto;display:flex;gap:10px;align-items:center}.btn{background:var(--accent);color:#1a1300;border:none;border-radius:8px;padding:8px 14px;font-weight:600;cursor:pointer}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--line)}.main{max-width:760px;margin:0 auto;padding:48px 24px}h1{font-size:28px;margin:0 0 12px}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:24px;margin-top:20px}.muted{color:var(--muted)}code{background:#0f1320;padding:2px 6px;border-radius:6px;font-size:13px}.kv{display:grid;grid-template-columns:160px 1fr;grid-gap:8px 16px;gap:8px 16px;font-size:14px}.kv div:nth-child(odd){color:var(--muted)}