:root{--p:#2563eb;--g:#10b981;--t:#0f172a;--m:#64748b}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--t);line-height:1.65;background:#f8fafc}
header{background:linear-gradient(90deg,var(--p),var(--g));color:#fff;padding:28px 20px}
header a{color:#fff;text-decoration:none;font-weight:700;font-size:1.4rem}
nav{margin-top:10px}nav a{color:#fff;opacity:.9;margin-right:16px;font-size:.95rem;font-weight:500}
main{max-width:760px;margin:0 auto;padding:28px 20px 60px}
h1{font-size:1.8rem;margin-top:0}h2{margin-top:2rem;font-size:1.2rem}
p,li{color:#1e293b}.muted{color:var(--m);font-size:.9rem}
footer{text-align:center;color:var(--m);font-size:.85rem;padding:24px}
.card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px 20px;margin:16px 0}