:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#262940;background:#f6f8fc;font-size:16px}
*{box-sizing:border-box}
body{min-height:100svh;margin:0;display:grid;place-items:center;padding:24px}
.login-card{width:min(100%,440px);background:#fff;border:1px solid #e5e8f1;border-radius:24px;padding:40px;box-shadow:0 16px 60px #4449840c}
img{border-radius:25%}
.eyebrow{color:#28767d;font-weight:650;margin:24px 0 10px}
h1{font-size:29px;letter-spacing:-.8px;margin:0 0 12px}
.intro{color:#68718a;line-height:1.55;margin:0 0 28px}
form{display:grid;gap:18px}
label{display:grid;gap:8px;font-size:14px;font-weight:600}
input,button{font:inherit;border-radius:12px;padding:13px 14px;min-width:0}
input{border:1px solid #d7dce9;background:#fff;color:#262940}
button{border:0;background:#28767d;color:#fff;font-weight:650;cursor:pointer}
button:hover{background:#205f65}
button:disabled{opacity:.65;cursor:wait}
:focus-visible{outline:3px solid #4ea9b080;outline-offset:3px}
#login-error{min-height:20px;margin:0;color:#a02a3c;line-height:1.45;font-size:14px}
small{display:block;margin-top:24px;color:#68718a;font-size:12px}
#password-logout{margin-top:18px;background:transparent;color:#68718a;padding:0}
@media(max-width:480px){body{padding:16px}.login-card{padding:28px}}