.auth-content{background:var(--color-bg-light);position:relative;overflow:hidden}.login-card{background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;align-items:center;gap:32px;width:480px;max-width:100%;padding:48px;display:flex;box-shadow:0 4px 24px #0000000d,0 1px 3px #0000000a}.login-title{text-align:center;flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.login-title h2{color:var(--color-text-primary);margin:0;font-size:24px;font-weight:700}.login-title p{color:var(--color-text-secondary);margin:0;font-size:14px;font-weight:400}.login-alert{border-radius:8px;align-items:center;gap:10px;width:100%;padding:12px 16px;font-size:13px;font-weight:500;display:flex}.login-alert svg{flex-shrink:0}.login-alert-error{background:var(--color-error-bg);border:1px solid var(--color-error-border);color:var(--color-error-text)}.login-alert-warning{background:var(--color-warning-bg);border:1px solid var(--color-warning-border);color:var(--color-warning-text)}.login-alert-success{background:var(--color-success-bg);border:1px solid var(--color-success-border);color:var(--color-success-text)}.login-form{flex-direction:column;gap:20px;width:100%;display:flex}.login-field{flex-direction:column;gap:8px;display:flex}.login-label{color:var(--color-text-primary);font-size:13px;font-weight:500}.login-input{border:1px solid var(--color-border);background:var(--color-bg-white);width:100%;height:48px;font-size:14px;font-family:var(--font-body);color:var(--color-text-primary);box-sizing:border-box;border-radius:8px;outline:none;padding:0 16px;transition:border-color .15s}.login-input::placeholder{color:var(--color-text-placeholder)}.login-input:focus{border-color:var(--color-primary)}.login-input:disabled{background:var(--color-bg-light);color:var(--color-text-muted)}.login-password-wrapper{position:relative}.login-password-wrapper .login-input{padding-right:48px}.login-password-toggle{cursor:pointer;color:var(--color-text-placeholder);background:0 0;border:none;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.login-password-toggle:hover{color:var(--color-text-muted)}.login-btn{background:var(--color-primary);width:100%;height:48px;color:var(--color-bg-white);font-size:15px;font-weight:600;font-family:var(--font-body);cursor:pointer;border:none;border-radius:8px;transition:background .15s}.login-btn:hover{background:var(--color-primary-hover)}.login-btn:disabled{background:var(--color-border);color:var(--color-text-placeholder);cursor:not-allowed}.login-label-row{justify-content:space-between;align-items:center;display:flex}.login-forgot{color:var(--color-primary);font-size:12px;font-weight:500;text-decoration:none}.login-forgot:hover{text-decoration:underline}@media (max-width:540px){.login-card{padding:32px 24px}}.signup-card{background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;align-items:center;gap:32px;max-width:100%;padding:48px;display:flex;box-shadow:0 4px 24px #0000000d,0 1px 3px #0000000a}.signup-title{text-align:center;flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.signup-title h2{color:var(--color-text-primary);margin:0;font-size:24px;font-weight:700}.signup-title p{color:var(--color-text-secondary);margin:0;font-size:14px;font-weight:400}.signup-type-row{gap:20px;width:100%;display:flex}.signup-type-card{text-align:center;background:var(--color-bg-white);border:1px solid var(--color-border);cursor:pointer;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:16px;padding:32px 24px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;box-shadow:0 2px 8px #2b6cb00f}.signup-type-card:hover{border-color:#2b6cb04d;transform:translateY(-2px);box-shadow:0 4px 16px #2b6cb01f}.signup-type-icon-wrap{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.signup-type-card-title{color:var(--color-text-primary);font-size:16px;font-weight:600}.signup-type-card-desc{color:var(--color-text-secondary);font-size:13px;font-weight:400;line-height:1.5}.signup-type-badge{border-radius:6px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-block}.signup-type-checklist{flex-direction:column;gap:8px;width:100%;padding-top:12px;display:flex}.signup-type-check-item{color:var(--color-text-secondary);align-items:center;gap:8px;font-size:12px;display:flex}.signup-divider{border-top:1px solid var(--color-border);width:100%;height:0}.signup-login-prompt{justify-content:center;align-items:center;gap:6px;width:100%;font-size:13px;display:flex}.signup-login-prompt span{color:var(--color-text-secondary)}.signup-login-prompt a{color:var(--color-primary);font-weight:600;text-decoration:none}.signup-login-prompt a:hover{text-decoration:underline}.signup-info-box{background:var(--color-info-bg);border:1px solid var(--color-info-border);border-radius:8px;align-items:flex-start;gap:12px;width:100%;padding:16px 20px;display:flex}.signup-info-box svg{flex-shrink:0;margin-top:1px}.signup-info-content{flex-direction:column;gap:4px;display:flex}.signup-info-content strong{color:var(--color-primary-dark);font-size:13px;font-weight:600}.signup-info-content p{color:var(--color-text-secondary);margin:0;font-size:12px;font-weight:400;line-height:1.5}.signup-form{flex-direction:column;gap:24px;width:100%;display:flex}.signup-field{flex-direction:column;gap:8px;display:flex}.signup-label{color:var(--color-text-primary);font-size:13px;font-weight:500}.signup-required{color:var(--color-error-icon)}.signup-input{border:1px solid var(--color-border);background:var(--color-bg-white);width:100%;height:48px;font-size:14px;font-family:var(--font-body);color:var(--color-text-primary);box-sizing:border-box;border-radius:8px;outline:none;padding:0 16px;transition:border-color .15s}.signup-input::placeholder{color:var(--color-text-placeholder)}.signup-input:focus{border-color:var(--color-primary)}.signup-input:disabled{background:var(--color-bg-light);color:var(--color-text-muted)}.signup-input-verified{background:var(--color-bg-light);color:var(--color-text-secondary)}.signup-input-row{gap:8px;display:flex}.signup-input-row .signup-input{flex:1}.signup-verify-btn{border:1px solid var(--color-border);background:var(--color-bg-white);height:48px;font-size:13px;font-weight:500;font-family:var(--font-body);color:var(--color-text-primary);cursor:pointer;white-space:nowrap;border-radius:8px;flex-shrink:0;padding:0 20px;transition:border-color .15s}.signup-verify-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.signup-verify-btn:disabled{background:var(--color-border);color:var(--color-text-placeholder);border-color:var(--color-border);cursor:not-allowed}.signup-code-btn{background:var(--color-primary);height:48px;font-size:13px;font-weight:500;font-family:var(--font-body);color:var(--color-bg-white);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;flex-shrink:0;padding:0 20px;transition:background .15s}.signup-code-btn:hover:not(:disabled){background:var(--color-primary-hover)}.signup-code-btn-disabled,.signup-code-btn:disabled{background:var(--color-border);color:var(--color-text-placeholder);cursor:not-allowed}.signup-verified-badge{color:var(--color-success-icon);flex-shrink:0;align-items:center;gap:4px;padding:0 8px;font-size:13px;font-weight:600;display:flex}.signup-email-msg{margin:0;font-size:12px;line-height:1.4}.signup-email-msg-success{color:var(--color-primary)}.signup-email-msg-error{color:var(--color-error-icon)}.signup-email-msg-info{color:var(--color-primary)}.signup-pw-feedback{flex-direction:column;gap:6px;display:flex}.signup-pw-strength-row{align-items:center;gap:8px;display:flex}.signup-pw-bar-track{background:var(--color-border);border-radius:2px;flex:1;height:4px;overflow:hidden}.signup-pw-bar-fill{border-radius:2px;height:100%;transition:width .3s,background .3s}.signup-pw-bar-fill.weak{background:var(--color-error-icon)}.signup-pw-bar-fill.medium{background:var(--color-warning-icon)}.signup-pw-bar-fill.strong,.signup-pw-bar-fill.very-strong{background:var(--color-success-icon)}.signup-pw-label{flex-shrink:0;min-width:52px;font-size:12px;font-weight:500}.signup-pw-label.weak{color:var(--color-error-icon)}.signup-pw-label.medium{color:var(--color-warning-icon)}.signup-pw-label.strong,.signup-pw-label.very-strong{color:var(--color-success-icon)}.signup-pw-rules{color:var(--color-text-muted);flex-wrap:wrap;gap:2px 12px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.signup-pw-rules li:before{content:"○ "}.signup-pw-rules li.pass{color:var(--color-success-icon)}.signup-pw-rules li.pass:before{content:"● "}.login-password-wrapper .signup-input{padding-right:48px}.signup-terms{flex-direction:column;gap:12px;width:100%;display:flex}.signup-checkbox{cursor:pointer;align-items:center;gap:8px;display:flex}.signup-checkbox input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}.signup-checkbox-box{border:1.5px solid var(--color-border-checkbox);background:var(--color-bg-white);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:background .15s,border-color .15s;display:flex}.signup-checkbox input[type=checkbox]:checked+.signup-checkbox-box{background:var(--color-primary);border-color:var(--color-primary)}.signup-checkbox input[type=checkbox]:checked+.signup-checkbox-box:after{content:"";border:solid var(--color-bg-white);border-width:0 2px 2px 0;width:5px;height:9px;margin-top:-1px;display:block;transform:rotate(45deg)}.signup-checkbox-label{color:var(--color-text-secondary);font-size:13px}.signup-checkbox-label a{color:var(--color-primary);font-weight:600;text-decoration:none}.signup-checkbox-label a:hover{text-decoration:underline}.signup-btn{background:var(--color-primary);width:100%;height:48px;color:var(--color-bg-white);font-size:15px;font-weight:600;font-family:var(--font-body);cursor:pointer;border:none;border-radius:8px;transition:background .15s}.signup-btn:hover:not(:disabled):not(.signup-btn-disabled){background:var(--color-primary-hover)}.signup-btn-disabled,.signup-btn:disabled{background:var(--color-border);color:var(--color-text-placeholder);cursor:not-allowed}.signup-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;width:100%;display:flex}.signup-link-btn{color:var(--color-text-secondary);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font-body);background:0 0;border:none;padding:0}.signup-link-btn:hover{text-decoration:underline}.signup-links-separator{color:var(--color-border);font-size:13px}.signup-links-text{color:var(--color-text-secondary);font-size:13px}.signup-link-primary{color:var(--color-primary);font-size:13px;font-weight:600;text-decoration:none}.signup-link-primary:hover{text-decoration:underline}.signup-complete{text-align:center;flex-direction:column;align-items:center;gap:12px;width:100%;padding:16px 0;display:flex}.signup-complete-icon{background:var(--color-success-bg);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:8px;display:flex}.signup-complete-title{color:var(--color-text-primary);margin:0;font-size:24px;font-weight:700}.signup-complete-desc{color:var(--color-text-secondary);margin:0;font-size:14px}@media (max-width:640px){.signup-card{padding:32px 24px}.signup-type-row{flex-direction:column}}.reset-steps{display:none}.reset-steps.active{display:flex}.reset-success-state{text-align:center;flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.reset-success-state h2{color:var(--color-text-primary);margin:0;font-size:20px;font-weight:700}.reset-success-state p{color:var(--color-text-secondary);margin:0;font-size:14px;line-height:1.6}.reset-success-icon{background:var(--color-info-bg);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:4px;display:flex}
