:root{
--bg:#0b1220; --card:#10192b; --muted:#94a3b8; --text:#e2e8f0; --primary:#2dd4bf; --accent:#60a5fa; --danger:#ef4444;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font:16px/1.6 Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif}
img{max-width:100%;height:auto;display:block}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:0 16px}
.flex{display:flex;gap:16px}
.center{align-items:center}
.between{justify-content:space-between}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.tiny{font-size:12px}
.print-muted{color:var(--muted)}


.site-header{position:sticky;top:0;background:#0a1324;border-bottom:1px solid #1f2a44;z-index:50}
.site-header .brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700}
.logo{width:28px;height:28px}
.nav a{margin:0 8px;color:#cbd5e1}
.nav .btn{margin-left:8px}


.hero{padding:40px 0 24px;background:linear-gradient(180deg,#0b1220 0%,#0e1830 100%)}
.hero h1{font-size:34px;margin:0 0 10px}
.hero p{color:var(--muted);margin:0 0 20px}
.card{background:var(--card);border:1px solid #1f2a44;border-radius:14px;padding:16px}


.form-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.form-grid .col-2{grid-column:span 2}
.form-grid .col-3{grid-column:span 3}
.form-grid .col-6{grid-column:span 6}
input,select,button{width:100%;padding:12px 12px;border-radius:10px;border:1px solid #26314e;background:#0f1a33;color:#e2e8f0}
select{appearance:none}
label{display:block;font-size:13px;margin:0 0 6px;color:#cbd5e1}
.btn{display:inline-block;background:#182440;border:1px solid #243356;color:#e2e8f0;padding:10px 14px;border-radius:10px;cursor:pointer}
.btn-primary{background:var(--primary);border-color:transparent;color:#0b1220;font-weight:700}
.btn-danger{background:var(--danger);border-color:transparent;color:white}
.btn[disabled]{opacity:.7;cursor:not-allowed}
.badge{display:inline-block;padding:3px 8px;border:1px solid #26314e;border-radius:999px;font-size:12px;color:#cbd5e1}


.results .item{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px;align-items:center}
.results .item + .item{border-top:1px solid #1f2a44;padding-top:12px;margin-top:12px}


.site-footer{padding:28px 0;border-top:1px solid #1f2a44;background:#0a1324;margin-top:32px}


.cookie-banner{position:sticky;top:56px;background:#0e1830;border-bottom:1px solid #1f2a44;padding:8px 0}
.hidden{display:none}


@media (max-width:900px){
.grid-4{grid-template-columns:repeat(2,1fr)}
.form-grid{grid-template-columns:repeat(2,1fr)}
.form-grid .col-2, .form-grid .col-3, .form-grid .col-6{grid-column:span 2}
.results .item{grid-template-columns:1fr;align-items:flex-start}
}