*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#1f2937;font-family:Arial,sans-serif}header{height:64px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;padding:0 5%;position:sticky;top:0}header b{font-size:20px}nav{display:flex;gap:18px}a{color:#2563eb;text-decoration:none}main{max-width:1100px;margin:32px auto;padding:0 20px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:22px;margin-bottom:18px;box-shadow:0 3px 14px rgba(0,0,0,.04)}.narrow{max-width:480px;margin:60px auto}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.grid .card span{display:block;color:#6b7280;margin-bottom:10px}.grid strong{font-size:30px}.top{display:flex;justify-content:space-between;gap:20px;align-items:center}.ranges{display:flex;gap:10px;flex-wrap:wrap}.ranges a,.button,button{background:#2563eb;color:#fff;border:0;border-radius:8px;padding:10px 14px;cursor:pointer}form{display:grid;gap:14px}label{display:grid;gap:6px;font-weight:600}input{padding:11px;border:1px solid #d1d5db;border-radius:8px;font-size:15px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #e5e7eb}.error{color:#b91c1c}@media(max-width:700px){.top{display:block}table{font-size:13px}header{padding:0 15px}nav{gap:10px}}