:root{--bg:#0f172a;--card:#0b1220;--accent:#fb923c;--muted:#94a3b8;--text:#e6eef8}
*{box-sizing:border-box}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial;margin:0;background:linear-gradient(180deg,#071029 0%, #071a2a 100%);color:var(--text);line-height:1.5}
.container{max-width:900px;margin:48px auto;padding:28px;background:linear-gradient(180deg,rgba(255,255,255,0.02),rgba(255,255,255,0.01));border-radius:12px;border:1px solid rgba(255,255,255,0.03)}
.header h1{margin:0 0 8px 0;font-size:28px}
.header p{color:var(--muted);margin:0 0 20px}
.section{margin-top:18px}
h2{color:#fff;margin-bottom:8px}
pre{background:#071828;color:var(--text);padding:12px;border-radius:8px;overflow:auto}
code{background:rgba(255,255,255,0.02);padding:2px 6px;border-radius:6px}
a{color:var(--accent)}
.note{padding:10px;border-left:4px solid rgba(255,255,255,0.04);color:var(--muted);background:rgba(255,255,255,0.01);border-radius:6px}
.footer{margin-top:28px;color:var(--muted);font-size:14px}
@media (max-width:640px){.container{margin:16px;padding:16px}}