:root{color-scheme:light;font-family:system-ui,sans-serif;color:#153047;background:#eef4f7}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px}.access-card{width:min(100%,440px);padding:32px;background:#fff;border:1px solid #d3dfe8;border-radius:16px}.brand{font-weight:650;color:#315f7d}h1{font-size:1.65rem;margin:20px 0 12px}p{line-height:1.5}form{display:grid;gap:10px;margin-top:28px}label{font-weight:600}input{font:inherit;width:100%;border:1px solid #8b9eab;border-radius:6px;padding:12px;margin-bottom:8px}button{font:inherit;font-weight:600;width:100%;padding:13px;border:1px solid #175878;border-radius:6px;color:#fff;background:#175878;cursor:pointer}button.secondary{color:#175878;background:#fff;margin-top:16px}button:disabled{cursor:wait;opacity:.6}:focus-visible{outline:3px solid #df8800;outline-offset:3px}[hidden]{display:none}#login-status{min-height:3em;margin-bottom:0}