:root{--bg:#0b0b0f;--panel:#14141d;--line:#262633;--txt:#e8e8ee;--dim:#9a9aad;--acc:#c9a227;--link:#8ecae6}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:var(--bg);color:var(--txt)}
a{color:var(--link)}header.hero{padding:3.5rem 1rem 2rem;text-align:center;border-bottom:1px solid var(--line)}
header.hero h1{margin:.2rem 0;font-size:2.2rem}header.hero p{color:var(--dim);max-width:760px;margin:.5rem auto}
.kicker{color:var(--acc);letter-spacing:.25em;text-transform:uppercase;font-size:.75rem}
main{max-width:1200px;margin:0 auto;padding:2rem 1rem}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
.card{background:var(--panel);border:1px solid var(--line);border-radius:.6rem;padding:1rem}
.card h3{margin:.2rem 0}.num{font-size:1.6rem;color:var(--acc)}
input,select{background:#1c1c26;color:var(--txt);border:1px solid #3a3a4d;border-radius:.4rem;padding:.5rem;width:100%}
table{width:100%;border-collapse:collapse}td,th{padding:.4rem;border-bottom:1px solid var(--line);text-align:left;font-size:.9rem}
.btn{display:inline-block;background:var(--acc);color:#111;padding:.5rem 1rem;border-radius:.4rem;text-decoration:none;font-weight:600}
.mut{color:var(--dim)}