*{box-sizing:border-box}:root{--bg:#f5f8fc;--card:#fff;--tx:#0f1f3d;--mu:#5a6780;--nv:#0f2a5c;--gr:#12a150;--bd:#e1e7f0}
@media(prefers-color-scheme:dark){:root{--bg:#0c1424;--card:#151f35;--tx:#eaf0fb;--mu:#9fb0cc;--nv:#8fb4ff;--gr:#3ddc84;--bd:#25324d}}
body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--nv);text-decoration:none}.w{max-width:960px;margin:0 auto;padding:0 18px}
header{background:var(--card);border-bottom:1px solid var(--bd)}header .w{display:flex;justify-content:space-between;align-items:center;height:56px}
.logo{font-weight:800;font-size:20px}.logo b{color:var(--gr)}nav{display:flex;gap:14px;font-size:14px}
h1{font-size:clamp(26px,6vw,38px);line-height:1.2;color:var(--nv);margin:28px 0 8px}h2{font-size:20px;color:var(--nv);margin:26px 0 8px}
p,li{color:var(--mu)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.card{background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:14px;display:block;color:var(--tx)}.card h3{margin:0;font-size:16px}.card span{font-size:13px;color:var(--mu)}
.calc{display:grid;gap:14px}@media(min-width:760px){.calc{grid-template-columns:1fr 1fr}}
label{display:block;font-size:13px;color:var(--mu);margin:10px 0 4px}input,select{width:100%;font:inherit;padding:10px;border:1px solid var(--bd);border-radius:8px;background:var(--bg);color:var(--tx)}
.big{font-size:38px;font-weight:800;color:var(--gr)}.row{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--bd);font-size:15px}
.bar{height:12px;border-radius:99px;background:#f0a23a;overflow:hidden;margin:12px 0 6px}.bar div{height:100%;background:var(--nv)}
.lg{display:flex;justify-content:space-between;font-size:12px;color:var(--mu)}footer{margin:34px 0 0;padding:20px 0;border-top:1px solid var(--bd);font-size:13px;color:var(--mu)}footer .w{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}