:root{font-family:system-ui,sans-serif;color:#0a2a4d;background:#f5f5f8;font-synthesis:none;line-height:1.5}*{box-sizing:border-box}body{margin:0;min-width:320px}main{display:grid;min-height:100vh;place-items:center;padding:24px}.card{width:100%;max-width:520px;padding:32px;background:#fff;border:1px solid #d9dee5;border-radius:14px}.brand{font-size:24px;font-weight:700;color:#0056ff;margin:0}h1{font-size:26px;margin:16px 0}fieldset{border:0;padding:0;margin:0;min-width:0}label{display:grid;gap:6px;margin:16px 0;font-weight:600}input,button{width:100%;font:inherit;border-radius:6px;padding:12px}input{border:1px solid #d9dee5;color:inherit;background:#fff}button{background:#0056ff;color:#fff;border:0;font-weight:600;cursor:pointer}button:hover:not(:disabled){background:#003bb8}button:disabled{opacity:.65;cursor:wait}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #2464a4;outline-offset:3px}.hint{font-size:14px}.notice{border:1px solid #2464a4;border-radius:6px;padding:12px}.error{border-color:#003bb8;font-weight:600}@media(max-width:480px){main{padding:12px}.card{padding:20px}}