.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-8) var(--space-4);background:var(--bg-base)}.auth-wrapper{width:100%;max-width:var(--container-form)}.auth-logo{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-xl);font-weight:700;color:var(--text-primary);text-decoration:none;margin-bottom:var(--space-10)}.auth-logo .material-symbols-outlined{font-size:var(--icon-3xl)}.auth-card{background:var(--bg-base);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-10)}.auth-card h1{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-2);text-align:center}.auth-card .auth-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-8);text-align:center}.auth-social{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.btn-social{display:flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;padding:10px var(--space-4);font-size:var(--text-sm);font-weight:500;font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-base);border:1px solid var(--border-medium);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-decoration:none}.btn-social:hover{background:var(--bg-surface);border-color:var(--text-primary)}.btn-social svg{width:18px;height:18px;flex-shrink:0}.auth-divider{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6)}.auth-divider::before,.auth-divider::after{content:"";flex:1;height:1px;background:var(--border-light)}.auth-divider span{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-family:var(--font-mono)}.auth-card .form-group{margin-bottom:var(--space-5)}.auth-card .form-label{display:flex;align-items:center;justify-content:space-between}.auth-card .form-label a{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:400;text-decoration:none}.auth-card .form-label a:hover{color:var(--text-primary)}.password-wrapper{position:relative}.password-wrapper .form-input{padding-right:44px}.password-toggle{position:absolute;right:0;top:0;bottom:0;width:var(--size-11);display:flex;align-items:center;justify-content:center;background:0;border:0;cursor:pointer;color:var(--text-tertiary);transition:color var(--transition-base)}.password-toggle:hover{color:var(--text-primary)}.password-toggle .material-symbols-outlined{font-size:var(--icon-xl)}.password-strength{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-2);min-height:18px}.strength-meter{flex:1;height:4px;background:var(--border-light);border-radius:var(--radius-full);overflow:hidden;position:relative}.strength-meter-fill{height:100%;width:0;border-radius:var(--radius-full);background:transparent;transition:width var(--transition-base),background-color var(--transition-base)}.strength-meter-fill[data-strength="1"]{width:25%;background:var(--danger)}.strength-meter-fill[data-strength="2"]{width:50%;background:var(--warning)}.strength-meter-fill[data-strength="3"]{width:75%;background:var(--info)}.strength-meter-fill[data-strength="4"]{width:100%;background:var(--success)}.strength-text{flex-shrink:0;min-width:56px;text-align:right;font-size:var(--text-xs);font-weight:500;color:var(--text-tertiary);line-height:1;letter-spacing:.02em}.password-strength:has(.strength-meter-fill[data-strength="1"]) .strength-text{color:var(--danger)}.password-strength:has(.strength-meter-fill[data-strength="2"]) .strength-text{color:var(--warning)}.password-strength:has(.strength-meter-fill[data-strength="3"]) .strength-text{color:var(--info)}.password-strength:has(.strength-meter-fill[data-strength="4"]) .strength-text{color:var(--success)}.password-strength-label{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-1)}.auth-toggle{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}.auth-toggle label{font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer}.auth-toggle label a{color:var(--text-primary);text-decoration:underline;text-underline-offset:2px}.auth-toggle label a:hover{color:var(--text-secondary)}.auth-card .btn-primary{width:100%;padding:12px var(--space-4)}.auth-form .notice{margin-top:var(--space-4)}.auth-card>.auth-message{margin-bottom:var(--space-4)}.auth-message{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);margin:var(--space-4) 0 0;border-radius:var(--radius-md);font-size:var(--text-sm);line-height:var(--leading-relaxed);border:1px solid transparent}.auth-message>.material-symbols-outlined{flex-shrink:0;font-size:var(--icon-lg);line-height:1.4}.auth-message.info{background:var(--info-bg);border-color:var(--info-border);color:var(--info)}.auth-message.success{background:var(--success-bg);border-color:var(--success-border);color:var(--success)}.auth-message.warning{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning)}.auth-message.error{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger)}#resend-verification-message:empty{display:none}.auth-footer{text-align:center;margin-top:var(--space-6);font-size:var(--text-sm);color:var(--text-tertiary)}.auth-footer a{color:var(--text-primary);font-weight:500;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-terms{font-size:var(--text-xs);color:var(--text-tertiary);text-align:center;margin-top:var(--space-6);line-height:var(--leading-relaxed)}.auth-terms a{color:var(--text-secondary);text-decoration:underline}.auth-terms a:hover{color:var(--text-primary)}.auth-success{text-align:center;padding:var(--space-4) 0}.auth-success-icon{width:var(--size-14);height:var(--size-14);border-radius:50%;background:var(--success-bg);border:1px solid var(--success-border);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-6)}.auth-success-icon .material-symbols-outlined{font-size:var(--icon-3xl);color:var(--success)}.auth-success h2{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2)}.auth-success p{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-6)}.auth-back{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--text-tertiary);text-decoration:none;margin-bottom:var(--space-6)}.auth-back:hover{color:var(--text-primary)}.auth-back .material-symbols-outlined{font-size:var(--icon-lg)}.reset-step{text-align:center}.reset-step h1,.reset-step .auth-subtitle{text-align:center}.step-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto var(--space-6);border-radius:50%;background:var(--bg-surface);border:1px solid var(--border-light);color:var(--text-primary)}.step-icon .material-symbols-outlined{font-size:var(--icon-2xl)}.step-icon.success{background:var(--success-bg);border-color:var(--success-border);color:var(--success)}.step-icon.error{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger)}.step-icon.warning{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning)}.verification-info-card{padding:var(--space-4) var(--space-5);margin-bottom:var(--space-6);background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);text-align:center}.verification-info-card p{margin:0;font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-normal)}.verification-info-card strong{color:var(--text-primary);font-weight:600}#verification-code,input.code-input{text-align:center;letter-spacing:.5em;font-size:var(--text-xl);font-weight:600;font-feature-settings:"tnum"}.form-helper-sm{margin:var(--space-2) 0 0;font-size:var(--text-xs);color:var(--text-tertiary);text-align:center;line-height:var(--leading-normal)}.resend-line{margin:var(--space-5) 0 0;font-size:var(--text-sm);color:var(--text-secondary);text-align:center;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-1)}.resend-line a{color:var(--accent);text-decoration:none;font-weight:500}.resend-line a:hover{text-decoration:underline}#resend-timer{color:var(--text-tertiary);font-variant-numeric:tabular-nums}#verification-error-container:empty{display:none}#verification-error-container .notice,.verification-error{display:flex;align-items:flex-start;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--text-sm);line-height:var(--leading-normal)}#verification-error-container .notice p,.verification-error p{margin:0}#verification-error-container .notice .material-symbols-outlined,.verification-error .material-symbols-outlined{font-size:var(--icon-md);flex-shrink:0;margin-top:1px}#verification-error-container .notice-danger,.verification-error{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger)}#verification-error-container .notice-success{background:var(--success-bg);border-color:var(--success-border);color:var(--success)}#verification-error-container .notice-info{background:var(--bg-surface);border-color:var(--border-light);color:var(--text-primary)}.password-requirements{margin:var(--space-5) 0;padding:var(--space-4) var(--space-5);background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md)}.password-requirements p{margin:0 0 var(--space-2);font-size:var(--text-sm);color:var(--text-primary)}.password-requirements ul{margin:0;padding-left:var(--space-5);list-style:disc}.password-requirements li{font-size:var(--text-xs);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:2px}.reset-instructions{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-8);padding:var(--space-5);background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);text-align:left}.instruction-item{display:flex;align-items:flex-start;gap:var(--space-3)}.instruction-item .material-symbols-outlined{flex-shrink:0;font-size:var(--icon-xl);color:var(--text-secondary);margin-top:2px}.instruction-item h4{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin:0 0 2px;line-height:var(--leading-snug)}.instruction-item p{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:var(--leading-normal)}.resend-confirmation{display:inline-flex;align-items:center;gap:var(--space-2);margin:var(--space-4) auto 0;padding:var(--space-2) var(--space-4);background:var(--success-bg);border:1px solid var(--success-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--success)}.resend-confirmation .material-symbols-outlined{font-size:var(--icon-md)}@media(max-width:480px){.auth-page{padding:var(--space-4);align-items:flex-start;padding-top:var(--space-12)}.auth-card{padding:var(--space-6);border:0;background:transparent}.step-icon{width:56px;height:56px}.reset-instructions{padding:var(--space-4)}.verification-info-card,.password-requirements{padding:var(--space-3) var(--space-4)}#verification-code,input.code-input{letter-spacing:.35em;font-size:var(--text-lg)}}