*{box-sizing:border-box}body{margin:0;padding:32px 20px;font-family:'Segoe UI',Arial,sans-serif;line-height:1.65;color:#122b4c;background:#f7faff}.wrap{max-width:950px;margin:auto}h1{font-size:clamp(28px,4vw,42px);line-height:1.2}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;color:#096bcf}.notice{padding:20px;border:1px solid #d0e2f7;border-radius:12px;background:#eaf5ff}.fields,.results{display:grid;grid-template-columns:1fr 1fr;gap:20px}.fields{padding:26px;margin:24px 0;background:white;border:1px solid #d9e6f2;border-radius:14px}label{font-weight:600;display:block;font-size:15px}input{width:100%;padding:12px;border:1px solid #9eb4cd;border-radius:7px;margin-top:7px;font:inherit}input:focus{outline:3px solid #a0caff}.help{font-size:12px;color:#526c8a;display:block;margin-top:6px}.actions{grid-column:1/-1;display:flex;gap:12px;flex-wrap:wrap}button{font:inherit;border:1px solid #087ced;border-radius:8px;padding:10px 23px;background:#087ced;color:white;cursor:pointer}button[type=reset]{background:white;color:#0866c9}.metric{background:white;border:1px solid #d9e6f2;border-radius:11px;padding:21px}.metric span{display:block;font-size:13px;color:#54708e}.metric strong{display:block;font-size:25px;line-height:1.3;margin-top:10px}.error{color:#96283a;font-weight:600}footer{border-top:1px solid #d5e2f1;margin-top:32px;padding-top:20px;font-size:13px;color:#536e8b}code{overflow-wrap:anywhere}a{color:#086bcb}@media(max-width:600px){.fields,.results{grid-template-columns:1fr}.fields{padding:18px}body{padding:22px 14px}}
