:root{--p:#4338CA;--p2:#0284C7;--ink:#0F172A;--mute:#475569;--bg:#F8FAFC;--card:#fff;--line:#E2E8F0}
@media (prefers-color-scheme:dark){:root{--ink:#E5E7EB;--mute:#A3AEC2;--bg:#0B1120;--card:#111827;--line:#253045}}
*{box-sizing:border-box}body{margin:0;font:17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--ink)}
header{background:linear-gradient(135deg,var(--p),var(--p2));color:#fff;padding:48px 16px 40px;text-align:center}
header h1{margin:0 0 8px;font-size:clamp(28px,5vw,40px)}header p{margin:0 auto;max-width:620px;color:#fff}
main{max-width:760px;margin:0 auto;padding:28px 16px}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px 20px;margin-bottom:16px}
h2{font-size:20px;margin:0 0 8px}a{color:var(--p2)}
@media (prefers-color-scheme:dark){a{color:#7DD3FC}}
ul{padding-left:20px}li{margin:4px 0}
footer{text-align:center;font-size:13px;color:var(--mute);padding:10px 16px 30px}