:root{font:14px system-ui,sans-serif;color:#02338C;background:#F5F7FB}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:24px}main{width:100%;max-width:400px;background:#FFFFFF;border:1px solid #D0D8EE;border-radius:12px;padding:32px}.brand{font-size:11px;letter-spacing:1px;color:#5A6E99;font-weight:700}h1{font-size:24px;margin:24px 0 8px}p{font-size:13px;line-height:1.6;color:#5A6E99}form{display:flex;flex-direction:column;margin-top:24px}label{font-size:12px;margin:12px 0 7px}input{font:inherit;color:inherit;padding:12px;border:1px solid #D0D8EE;border-radius:6px;width:100%}button{font:inherit;font-weight:600;color:#FFFFFF;background:#02338C;border:0;border-radius:6px;padding:12px;margin-top:24px;cursor:pointer}button:disabled{opacity:.6}#status{min-height:22px;margin-bottom:0}input:focus-visible,button:focus-visible{outline:2px solid #F06901;outline-offset:3px}