:root{--bg:#07090a;--panel:#0e1213;--line:#1d2527;--txt:#e9f0ee;--dim:#8a9894;--acc:#b8ff2e;--dn:#ff5a6a;
--h-top:#ff3d2e;--h-high:#ff8c1a;--h-good:#ffc83d;--h-fair:#7bd88f;--h-low:#4fb3bf;--h-dead:#5d6866}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--txt);font:500 15px/1.5 Archivo,system-ui,sans-serif}
a{color:var(--acc)}
header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:rgba(7,9,10,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);z-index:5}
.brand{font:900 18px Archivo;letter-spacing:.5px;color:var(--txt);text-decoration:none}.brand b{color:var(--acc)}
.back{font:700 13px Archivo;color:var(--dim);text-decoration:none}.back:hover{color:var(--acc)}
main{max-width:760px;margin:0 auto;padding:8px 16px 40px}
section{margin:22px 0;padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:14px}
h1{font:900 30px/1.1 Archivo;margin:0 0 10px}h2{font:900 20px Archivo;margin:0 0 8px}h3{font:800 14px Archivo;margin:0 0 4px}
.big{font-size:17px}.nfa{color:var(--dim);font-size:13px;margin-bottom:0}
.hero{background:linear-gradient(135deg,#10170a,#0e1213 60%);border-color:#2a3a14}
.scale{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
.h{font:800 12px 'JetBrains Mono';padding:5px 9px;border-radius:999px}
.h.top{background:var(--h-top);color:#1c0200}.h.high{background:var(--h-high);color:#1c0b00}.h.good{background:var(--h-good);color:#1a1400}
.h.fair{color:var(--h-fair);border:1px solid #2c5a3a}.h.low{color:var(--h-low);border:1px solid #23474d}.h.dead{color:#8a9894;border:1px solid var(--h-dead)}
.pts{margin:6px 0 0;padding-left:20px}.pts li{margin:6px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:8px}
.card{background:#121819;border:1px solid var(--line);border-radius:10px;padding:12px}.card p{margin:0;color:#c9d3d0;font-size:14px}
.red{color:var(--dn);font-weight:800}.tip{color:var(--dim);font-size:14px;margin-bottom:0}
.btn{display:inline-block;font:800 14px Archivo;color:#06110a;background:var(--acc);padding:9px 16px;border-radius:10px;text-decoration:none}
footer{color:var(--dim);font-size:12px;text-align:center;padding:10px}
@media (max-width:520px){h1{font-size:25px}section{padding:14px}.big{font-size:16px}}