:root{
  --bg:#0f172a; --fg:#e5e7eb; --card:#111827; --link:#3a7dff; --muted:#94a3b8;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font:16px/1.6 Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}
header{padding:32px 20px;text-align:center;background:linear-gradient(135deg,#0f172a 0%,#111827 60%)}
h1{margin:0 0 6px;font-size:32px;letter-spacing:.2px}
main{max-width:900px;margin:0 auto;padding:24px}
section{background:var(--card);padding:20px;border-radius:16px;margin:12px 0;box-shadow:0 8px 24px rgba(0,0,0,.25)}
h2{margin-top:0}
a{color:var(--link);text-decoration:none}
a:hover{text-decoration:underline}
footer{max-width:900px;margin:12px auto 40px;padding:0 20px;color:var(--muted)}
pre{white-space:pre-wrap;word-wrap:break-word;background:#0b1220;padding:16px;border-radius:12px;overflow:auto}
article{background:var(--card);padding:24px;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.25)}
article h1{margin-top:0}