*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f4f7fb;color:#182230}.app{width:min(1180px,calc(100% - 28px));margin:24px auto 48px}.hero{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:28px;background:#124e78;color:white;border-radius:22px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;opacity:.8}h1{font-size:48px;margin:0}.results,.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0}.grid{grid-template-columns:1fr 1fr}.results div,.card{background:white;border-radius:18px;padding:20px;box-shadow:0 12px 32px #0001}.results strong{display:block;font-size:42px;margin:8px 0}.table{display:grid;gap:8px}.row{display:grid;grid-template-columns:1.5fr 1fr 1fr .8fr 38px;gap:8px;align-items:center}input,output{width:100%;padding:11px;border:1px solid #d0d5dd;border-radius:10px;font-size:15px}input[type=number]{background:#fff7cc}output{background:#f8fafc;text-align:right}button{cursor:pointer;border:0;border-radius:12px;padding:11px 14px;font-weight:700;background:#e8f3fb;color:#124e78}.remove{background:#fee4e2;color:#b42318;font-size:22px;padding:5px}#copyBtn{background:#087443;color:white}@media(max-width:900px){.hero,.results,.grid{grid-template-columns:1fr;display:grid}}@media(max-width:560px){.row{grid-template-columns:1fr 1fr}.remove{grid-column:2;justify-self:end;width:44px}}