:root{--bg:#0c1220;--bg-2:#0f172a;--surface:#111827;--surface-2:#1f2937;--fg:#e5e7eb;--muted:#94a3b8;--accent:#22d3ee;--border:#1f2937;--code-bg:#0b1220}
body{font-family:Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; background:radial-gradient(circle at 10% 20%, rgba(34,211,238,0.09), transparent 25%),radial-gradient(circle at 85% 10%, rgba(236,72,153,0.08), transparent 22%),linear-gradient(130deg, var(--bg), var(--bg-2)); color:var(--fg); margin:0; padding:2.5rem; min-height:100vh}
main{max-width:900px;margin:0 auto}
nav{max-width:900px;margin:0 auto 1rem}
h1{margin:0 0 .5rem}
p{color:var(--muted)}
ul{padding-left:1.2rem}
li{margin-bottom:.4rem}
article.markdown-body{max-width:900px;margin:0 auto;background:var(--surface);padding:1.5rem;border-radius:12px;border:1px solid var(--border);box-shadow:0 24px 60px rgba(0,0,0,0.35)}
article.markdown-body h1,article.markdown-body h2,article.markdown-body h3,article.markdown-body h4,article.markdown-body h5,article.markdown-body h6{color:var(--fg)}
code{background:var(--code-bg);padding:.15rem .35rem;border-radius:4px;border:1px solid var(--border)}
pre code{display:block;padding:1rem;border-radius:10px}
a{color:var(--accent);text-decoration:none;font-weight:600}
a:hover{color:#67e8f9;text-shadow:0 0 12px rgba(103,232,249,0.35)}
hr{border:0;border-top:1px solid var(--border);margin:1.5rem 0}
@media (max-width:640px){body{padding:1.25rem}article.markdown-body{padding:1rem}}