:root{--bg:#0f1724;--muted:#94a3b8;--accent:#7c3aed;--card:#0b1220;--text:#e6eef8}
body{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;margin:0}
.header{background:linear-gradient(90deg,rgba(124,58,237,0.12),rgba(124,58,237,0.06));padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,0.04)}
.header .brand{font-weight:700;font-size:1.25rem;color:var(--text)}
.container{max-width:1100px;margin:2rem auto;padding:2rem;background:linear-gradient(180deg,rgba(255,255,255,0.02),transparent);border:1px solid rgba(255,255,255,0.03);border-radius:12px}
.md-content{color:var(--text);line-height:1.7}
.md-content h1,h2,h3{color:#fff}
.code{background:#071126;padding:1rem;border-radius:8px;overflow:auto}
.footer{margin-top:2rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,0.03);color:var(--muted);font-size:0.9rem}
@media(max-width:900px){.container{margin:1rem;padding:1rem}}