*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#f3f6fb;color:#102a4c;font:16px system-ui,sans-serif;padding:24px}.login-card{width:min(100%,460px);padding:40px;background:white;border:1px solid #dfe6f0;border-radius:20px;box-shadow:0 16px 50px #1c385012}.mark{display:grid;place-items:center;width:48px;height:48px;background:#126e98;border-radius:14px;color:white;font-size:24px;font-weight:700}.suite{font-size:11px;letter-spacing:.14em;font-weight:700;color:#55718e;margin-top:25px}h1{font-size:27px;line-height:1.2}.intro{color:#63758b;line-height:1.6;margin-bottom:28px}label{display:block;font-weight:600;font-size:14px;margin:18px 0 8px}input{width:100%;padding:13px;border:1px solid #bfcddd;border-radius:8px;font:inherit}input:focus{outline:3px solid #b9dced;border-color:#167aa3}button{width:100%;padding:14px;border:0;border-radius:8px;background:#146b99;color:white;font:600 16px system-ui;cursor:pointer}button:disabled{opacity:.65;cursor:wait}#loginError{color:#b52135;min-height:20px;font-size:14px}.footnote{text-align:center;color:#687c92;font-size:12px;margin:28px 0 0}