.auth-page{background:var(--bg);justify-content:center;align-items:center;min-height:calc(100vh - 72px);padding:2rem;display:flex}.change-password-container,.auth-container{background:var(--bg-card);border:1px solid var(--border);width:100%;max-width:800px;padding:3rem}.auth-container h1{text-align:center;color:var(--fg);margin-bottom:.5rem;font-weight:300}.auth-form{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.auth-form input{width:100%}.field-error{color:#ff9a9a;margin:-.5rem 0 0;font-size:.78rem}.auth-form-row{align-items:flex-start;gap:.75rem;display:flex}.auth-form-row input{margin-bottom:0}.auth-form-row--names input{flex:1 1 0;min-width:0}.auth-input-zip{flex:0 0 180px;max-width:180px}.auth-form button{width:100%;margin-top:.5rem;padding:.875rem;font-weight:500}.error-message{color:#e57373;border-radius:var(--radius-lg);background:#c0392b26;border:1px solid #c0392b4d;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:1rem 1.25rem;font-size:.875rem;animation:.3s ease-out slideIn;display:flex}.error-message:before{content:"✕";flex-shrink:0;font-size:1rem;font-weight:700}.success-message{color:#6fd49c;border-radius:var(--radius-lg);background:#2ecc711f;border:1px solid #2ecc7159;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:1rem 1.25rem;font-size:.875rem;animation:.3s ease-out slideIn;display:flex}.success-message:before{content:"✓";flex-shrink:0;font-size:1rem;font-weight:700}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.auth-section-title{color:var(--fg-muted);text-transform:uppercase;letter-spacing:.04em;margin-top:.3rem;margin-bottom:-.4rem;font-size:.85rem;font-weight:600}.password-strength-wrap{background:var(--bg-light);border:1px solid var(--border);border-radius:var(--radius-lg);margin-top:-.35rem;padding:.75rem}.password-strength-top{justify-content:space-between;align-items:center;margin-bottom:.45rem;font-size:.85rem;display:flex}.password-strength-label.none,.password-strength-label.weak{color:#e57373}.password-strength-label.medium{color:#f2c94c}.password-strength-label.strong{color:#6fd49c}.password-strength-bar{border-radius:var(--radius-full);background:#ffffff14;width:100%;height:8px;overflow:hidden}.password-strength-fill{height:100%;transition:width .25s,background-color .25s}.password-strength-fill.none,.password-strength-fill.weak{background:#e57373}.password-strength-fill.medium{background:#f2c94c}.password-strength-fill.strong{background:#6fd49c}.password-strength-hint{color:var(--fg-muted);margin:.5rem 0 0;font-size:.78rem}.demo-section{background:var(--bg-light);border-radius:var(--radius-lg);border-left:4px solid var(--accent);padding:1.5rem}.demo-section h3{color:var(--primary);margin-bottom:1rem;font-size:1rem}.demo-section p{color:var(--text-light);margin-bottom:.5rem;font-size:.9rem;line-height:1.6}.demo-section strong{color:var(--primary)}@media (max-width:480px){.auth-form-row{flex-direction:column;gap:1rem}.auth-input-zip{flex:auto;max-width:100%}.auth-container{padding:2rem}.auth-container h1{font-size:1.5rem}}.auth-success-text{color:var(--fg-muted);margin-top:24px}.auth-loading-text{text-align:center;color:var(--fg-muted);margin-top:16px}.auth-forgot-password-row{text-align:right;margin-bottom:12px}.auth-forgot-password-row a{font-size:.95em}.auth-form .btn[type=submit]{margin-top:8px}.sr-only-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;left:-9999px}
