:root{--bg:#0b0b0c;--card:#17171a;--line:#26262b;--text:#f2f0ec;--muted:#a8a6a1;--accent:#ff4d2e}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--text);font:16px/1.7 'Manrope',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.top{border-bottom:1px solid var(--line);padding:18px 16px}
.top div{max-width:820px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:12px}
.logo{font:800 20px 'Unbounded',system-ui,sans-serif;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:10px}
.logo i{width:22px;height:22px;border-radius:50%;border:3px solid var(--accent);display:grid;place-items:center}
.logo i::after{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent)}
.top a.back{color:var(--muted);font-size:14px}
main{max-width:820px;margin:0 auto;padding:40px 16px 80px}
h1{font:700 clamp(26px,4vw,38px)/1.15 'Unbounded',system-ui,sans-serif;margin-bottom:10px}
h2{font:700 19px/1.3 'Unbounded',system-ui,sans-serif;margin:36px 0 12px}
p,li{color:var(--muted);margin-bottom:10px}
ul,ol{padding-left:22px}
b,strong{color:var(--text)}
a{color:var(--text)}
.meta{color:var(--muted);font-size:14px;margin-bottom:28px}
.box{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin:20px 0}
.fill{color:var(--accent);font-weight:700}