:root{--b:#0b5cad;--bg:#f6f8fb;--t:#1b2430;--m:#5b6675}
*{box-sizing:border-box}body{margin:0;font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--t);background:var(--bg)}
header{background:#fff;border-bottom:1px solid #e3e8ef}header .w{display:flex;gap:18px;align-items:center;padding:12px 16px}
header a{color:var(--t);text-decoration:none;font-weight:500}header .logo{font-weight:800;color:var(--b);font-size:1.15rem;margin-right:auto}
.w{max-width:960px;margin:0 auto;padding:0 16px}main{padding:24px 0 48px}
h1{font-size:2rem;line-height:1.2;margin:.2em 0}.lead{color:var(--m);font-size:1.1rem}
.card{background:#fff;border:1px solid #e3e8ef;border-radius:12px;padding:20px;margin:18px 0;box-shadow:0 1px 2px #0000000a}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
label{display:block;font-size:.85rem;color:var(--m);font-weight:600}input,select{width:100%;padding:9px;border:1px solid #cdd5df;border-radius:8px;font-size:1rem;margin-top:4px}
.result{font-size:1.6rem;font-weight:800;color:var(--b)}.big{display:flex;gap:28px;flex-wrap:wrap;margin-top:10px}
.big div span{display:block;font-size:.8rem;color:var(--m);font-weight:600}
table{width:100%;border-collapse:collapse;font-size:.95rem}th,td{padding:7px 8px;border-bottom:1px solid #eef1f5;text-align:right}th:first-child,td:first-child{text-align:left}
th{background:#f1f4f8}.bar{display:inline-block;height:10px;background:var(--b);border-radius:3px;vertical-align:middle}
.src{font-size:.85rem;color:var(--m)}.src a{color:var(--b)}.note{background:#fff8e6;border:1px solid #f2dfa6;border-radius:8px;padding:10px 12px;font-size:.92rem}
footer{border-top:1px solid #e3e8ef;background:#fff;padding:18px 0;font-size:.85rem;color:var(--m)}footer a{color:var(--m)}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.tiles a{display:block;background:#fff;border:1px solid #e3e8ef;border-radius:12px;padding:16px;color:var(--t);text-decoration:none}.tiles a b{color:var(--b)}