:root{--bg:#0f0f1a;--card:#171726;--card2:#1d1d30;--text:#f1f3f5;--muted:#bdc3ce;--line:#2c2f45;--accent:#7cc4ff;--ok:#2ecc71;--warn:#f1c40f}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.75}
.container{max-width:920px;margin:0 auto;padding:24px}
.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}
.back,.chip{color:var(--accent);text-decoration:none}.chip{padding:6px 10px;border:1px solid var(--line);border-radius:999px}
h1{font-size:clamp(1.7rem,4vw,2.3rem);margin:.2rem 0 1rem}h2{margin:1.8rem 0 .5rem}h3{margin:1.2rem 0 .3rem}
p,li{max-width:72ch;color:var(--muted)}
.card{background:linear-gradient(180deg,var(--card),var(--card2));border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin:14px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.badge{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:3px 10px;font-size:.85rem;color:#d5def0}
.note{border-left:3px solid var(--accent);padding-left:12px}
.footer{margin-top:26px;padding-top:18px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:10px}
.cta{display:inline-block;background:#263853;color:#dcefff;text-decoration:none;padding:10px 14px;border-radius:10px}
.mock{display:flex;align-items:center;justify-content:space-between;padding:10px;border-radius:10px;border:1px solid var(--line);background:#141424}
.mock strong{font-size:.92rem}.ok{border-color:#1f8d57;background:#112a20}.near{border-color:#9a7a18;background:#2d2612}
@media (max-width:640px){.container{padding:18px}p,li{line-height:1.82}}