.login-page { margin:0; min-height:100vh; display:grid; place-items:center; background:#15191b; color:#edf2ef; font-family:system-ui,-apple-system,sans-serif; }
.login-card { width:min(440px,calc(100vw - 80px)); padding:40px; border:1px solid #34403f; border-radius:18px; background:#202729; box-shadow:0 18px 60px #0003; }
.login-brand { font-size:20px; font-weight:700; color:#9bd8b7; }
.login-eyebrow { font-size:13px; color:#a0b1ac; margin:10px 0 36px; }
.login-card h1 { font-size:28px; line-height:1.4; margin:0 0 16px; }
.login-description { color:#c5d0cc; line-height:1.9; margin-bottom:30px; }
.login-action { display:block; text-align:center; background:#8cceaa; color:#14261b; padding:14px; border-radius:9px; font-weight:650; text-decoration:none; }
.login-action:hover { background:#a4dfbd; }
.login-action:focus-visible { outline:3px solid #edf2ef; outline-offset:4px; }
.login-note { font-size:12px; line-height:1.7; color:#91a29c; margin:20px 0 0; }
#account-controls { display:flex; align-items:center; gap:8px; margin-left:auto; font-size:12px; }
#account-name { max-width:110px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
#account-controls button { width:auto; margin:0; white-space:nowrap; }
#account-expired { color:#edf2ef; background:#202729; border:1px solid #44514c; border-radius:14px; max-width:380px; padding:30px; }
#account-expired::backdrop { background:#0009; }
#account-expired p { line-height:1.8; color:#bdcbc5; }