:root {--bg:#0b1020;--card:#11162a;--txt:#e7ebff;--muted:#9aa5d1;--accent:#7aa2ff;}
*{box-sizing:border-box}html,body{margin:0;padding:0}
body{font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;line-height:1.7;background:var(--bg);color:var(--txt)}
.container{max-width:860px;margin:0 auto;padding:24px}
.card{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;box-shadow:0 8px 30px rgba(0,0,0,.25)}
h1,h2,h3{line-height:1.3;margin:.2em 0 .3em}h1{font-size:1.8rem}h2{font-size:1.3rem;margin-top:1.1em}
p,li{color:var(--txt)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
.meta{color:var(--muted);font-size:.95rem;margin-top:8px}.nav{margin:0 0 16px;display:flex;gap:16px;flex-wrap:wrap}.nav a{color:var(--muted)}
kbd{background:#0d152c;border:1px solid #24335f;border-radius:6px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.notice{background:#151f3d;border:1px solid #2a3c74;padding:12px 14px;border-radius:12px;color:#c6d2ff;margin:16px 0}
.footer{margin-top:28px;color:var(--muted);font-size:.9rem}ul{padding-left:1.2em}code{background:#11182e;padding:0 4px;border-radius:4px}
.small{font-size:.95rem;color:var(--muted)}