:root{--bg:#141922;--panel:#1c2230;--line:#2e3748;--text:#e8ebf1;--muted:#9aa3b2;--gold:#d2a661}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--text);font-family:"Segoe UI","Helvetica Neue",Arial,system-ui,sans-serif;font-size:16px;line-height:1.65}
.top{border-bottom:1px solid var(--line)}
.top div,main,footer{max-width:820px;margin:0 auto;padding:0 20px}
.top div{height:62px;display:flex;align-items:center;justify-content:space-between}
.brand{font-size:13px;letter-spacing:.28em;text-transform:uppercase;font-weight:600;text-decoration:none;color:var(--text)}
.brand b{color:var(--gold);font-weight:600}
.back{color:var(--muted);font-size:14px}
main{padding-top:56px;padding-bottom:40px}
.kicker{font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);font-weight:600}
h1{font-size:clamp(26px,5vw,34px);letter-spacing:.06em;text-transform:uppercase;font-weight:600;margin:10px 0 28px}
h2{font-size:15px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;margin:34px 0 10px;color:var(--gold)}
p,ul{margin-bottom:12px;color:#cfd5df}
ul{padding-left:22px}
li{margin-bottom:4px}
a{color:var(--text);overflow-wrap:anywhere}
.box{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:18px 22px;margin-bottom:12px}
footer{border-top:1px solid var(--line);padding-top:24px;padding-bottom:50px;font-size:13px;color:#6f7888;display:flex;gap:22px;flex-wrap:wrap}
footer a{color:var(--muted)}
@media (max-width:560px){.brand{font-size:11px;letter-spacing:.2em}}