:root{font:14px/1.45 system-ui,sans-serif;color:#23364e;background:#f1f5f9}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:16px}main{width:min(100%,360px);padding:24px;background:#fff;border:1px solid #d5dfec;border-radius:12px}h1{font-size:21px;margin:12px 0 8px}p,small{color:#63738a}.brand{font-weight:750;color:#17304c;margin:0}form{display:grid;gap:12px;margin:20px 0}label{display:grid;gap:5px}input,button{font:inherit;min-height:42px;border-radius:6px;padding:8px 10px}input{border:1px solid #bacade;width:100%}button{border:0;background:#1951ad;color:#fff;font-weight:650;cursor:pointer}a{color:#1951ad}input:focus-visible,button:focus-visible{outline:3px solid #9bbcf0;outline-offset:2px}