.auth-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 114px);padding:40px 16px}.auth-card{position:relative;background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-card);box-shadow:var(--shadow-lg);padding:48px;width:100%;max-width:440px;animation:fadeSlideUp .3s ease both}.auth-card-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:var(--success-bg);color:var(--success);margin:0 auto 28px}.auth-card h1{font-size:var(--fs-h3);font-family:var(--f-head);font-weight:700;text-align:center;color:var(--text);margin-bottom:0}.auth-subtitle{font-size:var(--fs-base);color:var(--text-secondary);text-align:center;margin:10px 0 28px;line-height:1.55}.auth-back-link{display:inline-flex;align-items:center;gap:5px;color:var(--text-muted);font-size:var(--fs-sm);font-family:var(--f-body);text-decoration:none;margin-bottom:24px;transition:color .2s;line-height:1}.auth-back-link:hover{color:var(--primary);text-decoration:none}.auth-success-banner{display:flex;align-items:center;gap:10px;background:var(--success-bg);color:var(--success);border:1px solid var(--success-border);border-radius:var(--radius-input)}.auth-info-banner,.auth-success-banner{padding:12px 14px;font-size:var(--fs-sm);font-weight:600;margin-bottom:20px;animation:fadeIn .3s ease}.auth-info-banner{background:var(--warning-bg,rgba(234,179,8,.08));color:var(--warning,#b45309);border:1px solid var(--warning-border,rgba(234,179,8,.25));border-radius:var(--radius-input)}.signup-plan-notice{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:var(--fs-xs);color:var(--text-muted);margin-top:6px;margin-bottom:0}.signup-plan-notice strong{font-weight:600;color:var(--text-secondary)}.signup-plan-notice a{color:var(--text-muted);text-decoration:underline;text-underline-offset:2px;transition:color .15s}.signup-plan-notice a:hover{color:var(--primary);text-decoration:none}.auth-form{display:flex;flex-direction:column;gap:20px;margin-top:28px}.auth-card input,.auth-card select,.auth-card textarea{color:var(--text)}[data-theme=dark] .auth-card input,[data-theme=dark] .auth-card select,[data-theme=dark] .auth-card textarea{background:var(--bg-alt);border-color:var(--border)}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-field label{font-family:var(--f-head);font-size:var(--fs-sm);font-weight:600;color:var(--text);margin-bottom:0}.password-wrapper{position:relative}.password-wrapper input{padding-right:48px}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-muted);padding:4px;display:flex;align-items:center;line-height:1;transition:color .2s}.password-toggle:hover{color:var(--primary)}.auth-strength-wrapper{margin-top:8px}.auth-strength{display:flex;gap:5px}.auth-strength-segment{flex:1 1;height:4px;border-radius:2px;background:var(--border);transition:background .3s}[data-strength="1"] .auth-strength-segment:first-child{background:var(--error)}[data-strength="2"] .auth-strength-segment:nth-child(-n+2){background:var(--warning)}[data-strength="3"] .auth-strength-segment:nth-child(-n+3){background:var(--accent)}[data-strength="4"] .auth-strength-segment{background:var(--success)}.auth-strength-label{font-size:var(--fs-xs);color:var(--text-muted);margin-top:4px;min-height:1em;transition:color .3s}[data-strength="1"] .auth-strength-label{color:var(--error)}[data-strength="2"] .auth-strength-label{color:var(--warning)}[data-strength="3"] .auth-strength-label{color:var(--accent)}[data-strength="4"] .auth-strength-label{color:var(--success)}.otp-group{display:flex;gap:10px;justify-content:center;margin:28px 0 8px}.otp-input{width:56px;height:64px;text-align:center;font-size:var(--fs-otp);font-weight:700;font-family:var(--f-head);color:var(--text);border-radius:var(--radius-input);padding:0;flex-shrink:0;caret-color:var(--primary)}.otp-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--border-focus)}.resend-row{display:flex;align-items:center;justify-content:center;gap:6px;font-size:var(--fs-sm);flex-wrap:wrap;margin-bottom:8px}.resend-countdown{color:var(--text-muted)}.resend-link{color:var(--primary);background:none;border:none;cursor:pointer;font-family:var(--f-body);font-size:var(--fs-sm);font-weight:600;padding:0;display:inline-flex;align-items:center;gap:4px;transition:color .2s;text-decoration:none}.resend-link:hover:not(:disabled){color:var(--primary-hover)}.resend-link:disabled{opacity:.45;cursor:not-allowed}.auth-cta{width:100%;height:52px;font-size:var(--fs-base);border-radius:var(--radius-btn-lg);margin-top:4px}.auth-forgot{text-align:right;font-size:var(--fs-sm);margin-top:-10px}.auth-forgot a{color:var(--text-secondary);font-weight:500;transition:color .2s}.auth-forgot a:hover{color:var(--primary)}.auth-agree-statement{font-size:var(--fs-base);color:var(--text-muted);text-align:center;margin-top:0;margin-bottom:12px;line-height:1.5}.auth-agree-statement a{color:var(--text-muted);text-decoration:underline;text-underline-offset:2px;transition:color .2s}.auth-agree-statement a:hover{color:var(--primary);text-decoration:underline}.auth-error{font-size:var(--fs-xs);color:var(--error);margin-top:4px}.auth-error a{color:var(--error);text-decoration:underline;text-underline-offset:2px}.auth-error a:hover{color:var(--primary)}.auth-success{font-size:var(--fs-xs);color:var(--success);margin-top:4px}.auth-invite-notice{margin:-8px 0 8px}.auth-footer,.auth-invite-notice{font-size:var(--fs-sm);color:var(--text-muted)}.auth-footer{text-align:center;margin-top:8px}.auth-footer a{color:var(--primary);font-weight:600;text-decoration:none;transition:color .2s}.auth-footer a:hover{color:var(--primary-hover);text-decoration:none}.auth-nav{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:var(--nav-bg);border-bottom:1px solid var(--border-light);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-sm)}.auth-nav-inner{max-width:1180px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between}.auth-nav-actions{display:flex;align-items:center;gap:8px}.auth-page-footer{background:var(--foot-bg);border-top:1px solid var(--foot-border);min-height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:16px;flex-wrap:wrap}.auth-page-footer-links{display:flex;align-items:center;gap:20px}.auth-page-footer-sep{opacity:.4;-webkit-user-select:none;-moz-user-select:none;user-select:none}.auth-page-footer a,.auth-page-footer-sep{color:var(--foot-text);font-size:var(--fs-xs)}.auth-page-footer a{text-decoration:none;transition:color .2s;white-space:nowrap}.auth-page-footer a:hover{color:var(--primary);text-decoration:none}.auth-page-footer-copy{color:var(--foot-text);font-size:var(--fs-xs);opacity:.5;white-space:nowrap}@media (max-width:480px){.auth-card{padding:32px 24px;border-radius:var(--radius-card-sm)}.otp-input{width:44px;height:54px;font-size:var(--fs-2xl)}.otp-group{gap:6px}.auth-page-footer{flex-direction:column;align-items:center;padding:14px 16px;gap:8px;text-align:center}.auth-page-footer,.auth-page-footer-links{justify-content:center}}