:root{--bg:#120d1f;--panel:#1d1630;--line:#3a2f57;--ink:#f6efe0;--muted:#b3a7cc;--gold:#ffc84a}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;line-height:1.65;padding:32px 16px 48px}
main{width:100%;max-width:720px;margin:0 auto}
header.top{display:flex;align-items:center;gap:12px;margin-bottom:28px}
header.top img{width:44px;height:44px;border-radius:10px}
header.top a{color:var(--ink);font-weight:700;text-decoration:none;font-size:1.1rem}
h1{font-size:clamp(1.7rem,6vw,2.3rem);margin:0 0 4px;letter-spacing:-.02em}
h2{font-size:1.2rem;margin:32px 0 8px;color:var(--gold)}
p,li{color:var(--ink)}
ul{padding-left:22px}li{margin:6px 0}
.meta{color:var(--muted);font-size:.9rem;margin:0 0 20px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px 20px;margin:16px 0}
a{color:var(--gold)}
nav.foot{margin-top:40px;padding-top:16px;border-top:1px solid var(--line);color:var(--muted);font-size:.9rem;display:flex;flex-wrap:wrap;gap:6px 18px}