*{box-sizing:border-box}body{margin:0;background:#f3f6f9;color:#152839;font:17px/1.6 system-ui,sans-serif}main{max-width:560px;margin:5vh auto;padding:32px;background:white;border:1px solid #dce3ea;border-radius:16px}.brand{font-weight:800;text-decoration:none;font-size:24px}.brand span{color:#b34d25}h1{font-size:34px;margin:24px 0 12px}label{display:block;font-weight:650;margin-top:16px}input{width:100%;padding:12px;border:1px solid #bbc9d4;border-radius:6px;font:inherit}.pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}button{background:#173b55;color:white;font:inherit;font-weight:700;padding:13px 25px;border:0;border-radius:7px;width:100%;margin-top:24px;cursor:pointer}button:disabled{opacity:.65}a{color:#a3421e}details,.small{font-size:14px;margin-top:20px}#result{color:#9c301d}input:focus,button:focus,a:focus{outline:3px solid #709bbd;outline-offset:2px}@media(max-width:600px){main{margin:16px;padding:24px}.pair{grid-template-columns:1fr;gap:0}}