:root { --bg:#0f172a; --card:#1e293b; --text:#f1f5f9; --muted:#94a3b8; --brand:#ef4444; --accent:#06b6d4; }
* { box-sizing:border-box; }
body { margin:0; font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif; background:var(--bg); color:var(--text); line-height:1.6; }
header { padding:2rem 1.25rem; border-bottom:1px solid #334155; }
header a { color:var(--text); text-decoration:none; font-weight:700; }
nav a { color:var(--muted); margin-right:1rem; text-decoration:none; font-size:.95rem; }
nav a:hover { color:var(--accent); }
main { max-width:760px; margin:0 auto; padding:2rem 1.25rem 4rem; }
h1 { font-size:1.75rem; margin:0 0 .5rem; }
h2 { font-size:1.2rem; margin:2rem 0 .75rem; color:var(--accent); }
p,li { color:var(--muted); }
ul { padding-left:1.2rem; }
.card { background:var(--card); border-radius:14px; padding:1.25rem 1.4rem; margin:1rem 0; }
footer { max-width:760px; margin:0 auto; padding:1rem 1.25rem 3rem; color:#64748b; font-size:.85rem; }
a { color:var(--accent); }
.badge { display:inline-block; background:rgba(239,68,68,.15); color:#fca5a5; padding:.2rem .6rem; border-radius:999px; font-size:.8rem; font-weight:600; }