:root{font-family:Inter,system-ui,sans-serif;color:#18334d;background:#f5f9fd;line-height:1.6}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1100px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid #dce7ef}a{color:#1267ad}header a{text-decoration:none;font-weight:700}.logo{font-size:1.5rem}.logo span{color:#079c9d}h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.12;letter-spacing:-.04em;max-width:850px}h2{line-height:1.3}p{max-width:760px}.eyebrow{color:#167b89;font-weight:700;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase}.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.card{background:white;border:1px solid #dbe6f0;border-radius:20px;padding:28px;margin:24px 0;box-shadow:0 8px 32px #1b4c7410}.grid .card{margin:0}label{display:grid;gap:7px;margin:16px 0;font-weight:600}input,select,textarea,button{font:inherit}input,select,textarea{padding:12px;border:1px solid #aec6da;border-radius:9px;max-width:100%;width:100%;background:white;color:#18334d}button,.button{border:0;border-radius:10px;padding:12px 18px;background:#1267ad;color:white;cursor:pointer;text-decoration:none;display:inline-block;font-weight:650}button:disabled{opacity:.5;cursor:wait}button.secondary,.button.secondary{background:#e8f1f9;color:#145c95}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}small,.muted{color:#52687c}output{display:block;font-size:2.7rem;font-weight:750;letter-spacing:-.04em;color:#087c83}.result{background:#eaf8f7;border-color:#b5ded9}.formula{font:600 1.1rem ui-monospace,monospace;overflow-wrap:anywhere;padding:18px;background:#edf3fa;border-radius:12px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.cards a{text-decoration:none;color:inherit}.cards .card{margin:0}.cards a:hover{border-color:#1267ad}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #139ca8;outline-offset:3px}[hidden]{display:none!important}.drop{position:relative;text-align:center;border:2px dashed #75a6d0;background:#eff7ff;padding:36px 20px;border-radius:14px;cursor:pointer}.drop input{position:absolute;inset:0;opacity:0;cursor:pointer}.drop.over{background:#d6eaff}.drop:focus-within{outline:3px solid #139ca8}.table{overflow:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}td,th{padding:10px;border-bottom:1px solid #dce7ef;text-align:left;white-space:nowrap}th{background:#edf4fa}#message[role=alert]{color:#a12d32}footer{border-top:1px solid #dce7ef;font-size:.9rem}nav{display:flex;gap:16px;flex-wrap:wrap}@media(max-width:700px){.grid{grid-template-columns:1fr}.card{padding:20px}header,main,footer{padding:18px}output{font-size:2.1rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}