:root{font:17px/1.6 system-ui,sans-serif;color:#17243a;background:#f3f6fb}body{margin:0;padding:24px}main{max-width:640px;margin:5vh auto;background:white;padding:clamp(24px,6vw,48px);border-radius:18px;box-shadow:0 8px 30px #17243a10}.brand{letter-spacing:.14em;color:#315899;font-size:.8rem;font-weight:700}h1{line-height:1.2;font-size:2rem}h2{font-size:1.2rem}section{border-top:1px solid #e1e6ef;margin-top:28px;padding-top:20px}label{display:block}input{box-sizing:border-box;width:100%;font:inherit;padding:12px;border:1px solid #9aa7ba;border-radius:8px;margin:8px 0 16px}button{font:inherit;background:#234e85;color:white;border:0;border-radius:8px;padding:12px 18px;cursor:pointer}button:disabled{opacity:.5;cursor:wait}.secondary{background:#e5ebf4;color:#17243a}.actions{display:flex;gap:12px;flex-wrap:wrap}#status{overflow-wrap:anywhere}[hidden]{display:none!important}:focus-visible{outline:3px solid #a16400;outline-offset:3px}