:root{--ink:#111827;--muted:#526071;--line:#d8dee8;--cream:#f5eee5;--red:#9f2636}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.55}
header{max-width:1040px;margin:auto;padding:38px 22px 14px;text-align:center}h1{margin:0 0 10px;font-size:clamp(30px,5vw,48px);letter-spacing:-.035em;color:#0f172a}.lead{max-width:760px;margin:auto;color:var(--muted);font-size:18px}
main{max-width:1040px;margin:20px auto 70px;padding:0 20px}.calculator{padding:28px;border:1px solid rgba(15,23,42,.08);border-radius:24px;background:rgba(255,255,255,.92);box-shadow:0 18px 46px rgba(15,23,42,.10)}
.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:22px 0}.field label{display:block;margin-bottom:7px;font-weight:750}.field input{width:100%;padding:14px;border:1px solid #b9c3d2;border-radius:12px;background:#fff;font:inherit}.field small{display:block;margin-top:5px;color:#657083}.field input:focus{outline:3px solid rgba(159,38,54,.15);border-color:var(--red)}
.actions{display:flex;gap:10px;flex-wrap:wrap}.button{padding:12px 19px;border:0;border-radius:12px;background:#111827;color:#fff;font:inherit;font-weight:750;cursor:pointer}.button.secondary{background:#e8edf4;color:#172033}.error{margin-top:14px;padding:12px 14px;border-radius:12px;background:#fff0f0;color:#8b1e1e;font-weight:700}
.results{margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}.results h2,.results h3{color:#0f172a}.grid-two,.grid-three{display:grid;gap:12px}.grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-three{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px}.result{padding:17px;border:1px solid #b9e4c8;border-radius:15px;background:#effaf3;box-shadow:0 6px 16px rgba(31,122,68,.06)}.result strong{display:block;margin:5px 0;color:#14532d;font-size:1.3rem}.result span{display:block;color:#355b43;font-size:.92rem}
.summary{margin-top:18px;padding:20px;border-left:4px solid #2f6fed;border-radius:9px;background:#edf4ff}.summary h3{margin:6px 0 10px}.summary ul{margin-top:8px}.table{width:100%;margin:14px 0 20px;border-collapse:collapse;font-size:.93rem}.table th,.table td{padding:10px 12px;border:1px solid var(--line);text-align:left;vertical-align:top}.table th{background:#eef3f8}.note{color:var(--muted);font-size:.92rem}.back{margin-top:24px}.back a{color:#1d4ed8}footer{min-height:30px}
@media(max-width:680px){header{padding-top:28px}.calculator{padding:18px}.fields,.grid-two,.grid-three{grid-template-columns:1fr}.table{font-size:.84rem}.table th,.table td{padding:8px}}