.login-page { margin:0; min-height:100dvh; display:grid; place-items:center; background:#f1f4f8; color:#202b3c; font:16px/1.5 system-ui,sans-serif; }
.login-card { box-sizing:border-box; width:min(100%,420px); margin:24px 0; padding:28px; background:#fff; border:1px solid #dfe5ed; border-radius:20px; }
.login-card h1 { margin:12px 0 0; font-size:26px; }
.login-card p { color:#546176; }
.login-card label { display:grid; gap:6px; margin-top:16px; font-weight:600; }
.login-card input { box-sizing:border-box; width:100%; min-height:48px; font:inherit; padding:10px 12px; border:1px solid #aab5c5; border-radius:9px; }
.login-card button { width:100%; min-height:48px; margin-top:22px; border:0; border-radius:9px; background:#245edb; color:#fff; font:600 16px system-ui,sans-serif; cursor:pointer; }
.login-card button:disabled { opacity:.6; }
.login-card :focus-visible { outline:3px solid #8eb2ff; outline-offset:3px; }
.login-card summary { cursor:pointer; }
.login-card .login-help { font-size:13px; margin-top:24px; }
#loginMessage { min-height:24px; color:#a12236; }
.hosted-account .account-actions { display:flex; flex-wrap:wrap; gap:8px; }
.hosted-account p { line-height:1.5; }
.hosted-account summary { cursor:pointer; margin:12px 0; }
@media(max-width:440px) { .login-card { border:0; border-radius:0; margin:0; padding:24px; min-height:100dvh; } }