/* Authentication follows the same card and form treatment as account pages. */
.auth-page{width:min(100%,480px);margin:32px auto 48px;padding:28px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-card)}
.auth-brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:750;margin-bottom:24px;color:var(--fg)}
.auth-brand .ico{width:28px;height:28px;color:var(--secondary)}
.auth-page h1{font-size:28px;line-height:1.5;margin:0;letter-spacing:0}
.auth-subtitle{color:var(--secondary);font-size:15px;line-height:1.8;margin:10px 0 24px}
.auth-password{position:relative}
.auth-password input{padding-right:82px;padding-left:14px}
[dir="rtl"] .auth-password input{padding-left:82px;padding-right:14px}
.auth-reveal{position:absolute;inset-inline-end:4px;top:2px;min-height:44px;min-width:68px;padding:8px;border-radius:10px;color:var(--secondary);font-size:13px;font-weight:650;background:transparent;border:0}
.auth-reveal:hover{background:var(--hover);color:var(--fg)}
.auth-reveal:focus-visible{outline:2px solid var(--focus);outline-offset:0}
.auth-error{min-height:24px;font-size:14px;line-height:1.7;margin:8px 0 16px;color:var(--danger)}
.auth-demo{background:var(--bg);padding:20px;border-radius:12px;margin-top:24px;border:1px solid var(--border-subtle)}
.auth-demo>strong{display:block;font-size:15px;margin-bottom:10px}
.auth-demo>div{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:6px 0;font-size:14px}
.auth-demo bdi{font-family:monospace;font-size:14px;overflow-wrap:anywhere}
.auth-demo p{font-size:13px;line-height:1.8;color:var(--secondary);margin:14px 0 0}
#auth-submit:disabled{cursor:progress}
#cs-offer-dialog .modal-center{position:static;transform:none;inset:auto;width:auto;padding:0;border:0;box-shadow:none;background:transparent}
#cs-offer-dialog p{overflow-wrap:anywhere}
@media(max-width:600px){.auth-page{margin:12px auto 32px;padding:22px 18px}.auth-page h1{font-size:25px}.auth-demo{padding:16px}}
@media(max-width:380px){.auth-page{padding:18px 14px}.auth-demo{padding:14px}.auth-demo>div{display:grid;gap:4px}.auth-brand{margin-bottom:18px}}