*{box-sizing:border-box}body{margin:0;background:#0b1220;color:#e9f1fa;font:16px system-ui,sans-serif;padding:32px}header,main,footer{max-width:1240px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:20px}h1{font-size:34px;margin:6px 0}h2{font-size:26px;margin:8px 0}p{color:#a9bbce;line-height:1.5}.eyebrow{color:#5ed8e7;font-size:12px;font-weight:750;letter-spacing:2px}main{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.card{border:1px solid #293b51;background:#121e2f;padding:28px;border-radius:22px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}label{display:block;color:#bed0e1;font-size:14px}input{display:block;width:100%;margin-top:8px;padding:13px;border-radius:10px;border:1px solid #37516c;background:#0b1422;color:white;font:600 20px system-ui;min-width:0}input:focus{outline:2px solid #5ed8e7;outline-offset:2px}button{border:0;border-radius:10px;padding:14px 20px;background:#5ed8e7;color:#08222e;font:700 15px system-ui;cursor:pointer}form button{width:100%}.result{background:#0b1625;border:1px solid #274c60;padding:24px;border-radius:15px;margin-top:24px}.result>span{font-size:12px;letter-spacing:1.5px;color:#b2c5d8}.result strong{display:block;font-size:56px;line-height:1.2;margin-top:8px;color:#6be4d2;overflow-wrap:anywhere}.result p{font-size:14px;margin-bottom:0}.breakdown{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.breakdown div{padding:14px;background:#192a3e;border-radius:10px}.breakdown span{display:block;color:#b3c5d6;font-size:12px}.breakdown b{display:block;font-size:24px;margin-top:5px}.formula,.note{font-size:12px;margin-top:18px}.note{margin-bottom:0}footer{padding:24px 0;font-size:12px;color:#829ab3}[hidden]{display:none!important}@media(max-width:780px){body{padding:18px}main{grid-template-columns:1fr}.card{padding:22px}header{align-items:flex-start}h1{font-size:28px}}@media(max-width:360px){.fields{grid-template-columns:1fr}.result strong{font-size:42px}}