.auth-section{min-height:100vh;padding:var(--spacing-5xl) 0;background:var(--bg-secondary);display:flex;align-items:center}.auth-section .container{max-width:100%;width:100%}.auth-wrapper{display:flex;justify-content:center;align-items:center;max-width:700px;margin:0 auto;width:100%}.auth-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-3xl);box-shadow:0 1px 3px rgba(0,0,0,0.1);width:100%;max-width:100%}.auth-header{text-align:center;margin-bottom:var(--spacing-2xl)}.auth-header h1{font-size:32px;font-weight:700;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.auth-header p{color:var(--text-tertiary);font-size:16px}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}#login-step-1,#login-step-2{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-group{margin-bottom:0}.form-group label{display:block;font-size:14px;font-weight:500;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.input-wrapper{position:relative;display:block;width:100%}.input-wrapper input{width:100%;padding:12px 48px 12px 16px;font-size:16px;font-family:var(--font-primary);background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);transition:all .2s;display:block}.input-wrapper input[type="password"]{padding-right:48px}.input-wrapper input:focus{outline:0;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(30,41,59,0.1)}[data-theme="dark"] .input-wrapper input:focus{box-shadow:0 0 0 3px rgba(59,130,246,0.1)}.input-wrapper input::placeholder{color:var(--text-tertiary)}.input-wrapper .material-icons-round.icon-xs{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none;font-size:20px}.input-wrapper:has(input[type="password"]) .material-icons-round.icon-xs{right:48px}.input-wrapper .password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:0;border:0;color:var(--text-tertiary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s;z-index:1}.input-wrapper .password-toggle:hover{color:var(--text-secondary)}.form-options{display:flex;justify-content:space-between;align-items:center;font-size:14px}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;color:var(--text-secondary)}.checkbox-label input[type="checkbox"]{width:16px;height:16px;cursor:pointer}.link{color:var(--color-primary);text-decoration:none;font-weight:500;transition:opacity .2s}.link:hover{opacity:.8}.auth-divider{position:relative;text-align:center}.auth-divider::before{content:'';position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border-color)}.auth-divider span{background:var(--bg-primary);padding:0 var(--spacing-md);position:relative;color:var(--text-tertiary);font-size:14px}.social-btn{position:relative;padding:12px 20px;font-size:16px;justify-content:center}.social-btn .material-icons-round{font-size:20px;margin-right:var(--spacing-sm)}.social-icon{width:20px;height:20px;margin-right:var(--spacing-sm)}.auth-footer{text-align:center;margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-color)}.auth-footer p{color:var(--text-tertiary)}.auth-benefits{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-2xl)}.auth-benefits h2{font-size:24px;font-weight:700;margin-bottom:var(--spacing-xl);color:var(--text-primary)}.benefit-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.benefit-item{display:flex;gap:var(--spacing-md)}.benefit-item h4{font-size:16px;font-weight:600;margin-bottom:var(--spacing-xs);color:var(--text-primary)}.benefit-item p{font-size:14px;color:var(--text-tertiary);line-height:1.5}.form-group.error .input-wrapper input,.form-group.error input{border-color:var(--color-danger)}.form-group.success .input-wrapper input,.form-group.success input{border-color:var(--color-success)}.validation-message{display:flex;align-items:flex-start;gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:13px;line-height:1.5;animation:slideDown .2s ease-out}@keyframes slideDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.validation-message .material-icons-round{font-size:16px;flex-shrink:0;margin-top:1px}.validation-message.error{background:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.2);color:var(--color-danger)}.validation-message.error .material-icons-round{color:var(--color-danger)}.validation-message.success{background:rgba(16,185,129,0.1);border:1px solid rgba(16,185,129,0.2);color:var(--color-success)}.validation-message.success .material-icons-round{color:var(--color-success)}.validation-message.warning{background:rgba(245,158,11,0.1);border:1px solid rgba(245,158,11,0.2);color:var(--color-warning)}.validation-message.warning .material-icons-round{color:var(--color-warning)}.validation-message.info{background:rgba(99,102,241,0.1);border:1px solid rgba(99,102,241,0.2);color:var(--color-info)}.validation-message.info .material-icons-round{color:var(--color-info)}.form-error{font-size:13px;color:var(--color-danger);margin-top:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-xs)}.form-success{font-size:13px;color:var(--color-success);margin-top:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-xs)}.alert{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-size:14px;font-weight:500;animation:slideDown .3s ease-out}.alert-success{background:rgba(16,185,129,0.1);color:var(--color-success);border:1px solid rgba(16,185,129,0.2)}.alert-error{background:rgba(239,68,68,0.1);color:var(--color-danger);border:1px solid rgba(239,68,68,0.2)}.alert-info{background:rgba(99,102,241,0.1);color:var(--color-info);border:1px solid rgba(99,102,241,0.2)}.verification-info-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:0}.verification-info-card p{text-align:center;color:var(--text-secondary);font-size:15px;line-height:1.6;margin:0}#verification-code{text-align:center;font-size:24px;font-weight:600;letter-spacing:.5em;font-family:monospace}.form-group .description{font-size:13px;color:var(--text-tertiary);margin-top:var(--spacing-sm);line-height:1.5}.btn-loading{position:relative;color:transparent}.btn-loading::after{content:'';position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid #fff;border-radius:50%;border-top-color:transparent;animation:spinner .8s linear infinite}.btn-outline.btn-loading::after{border-color:var(--color-primary);border-top-color:transparent}[data-theme="dark"] .btn-outline.btn-loading::after{border-color:#fff;border-top-color:transparent}@keyframes spinner{to{transform:rotate(360deg)}}@media(max-width:768px){.auth-section{min-height:auto;padding:var(--spacing-4xl) 0}.auth-wrapper{max-width:100%}.auth-card{padding:var(--spacing-xl)}.auth-header h1{font-size:28px}.form-options{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}}@media(max-width:480px){.auth-section{padding:var(--spacing-3xl) 0}.auth-card{padding:var(--spacing-lg)}.auth-header h1{font-size:24px}.social-btn{font-size:14px;padding:10px 16px}}[data-theme="dark"] .auth-card,[data-theme="dark"] .auth-benefits{background:#1a1f2e;border:1px solid rgba(255,255,255,0.1);box-shadow:0 1px 3px rgba(0,0,0,0.5)}[data-theme="dark"] .social-btn{background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.2);color:#fff}[data-theme="dark"] .social-btn:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.3)}[data-theme="dark"] .form-input{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.2);color:#fff}[data-theme="dark"] .form-input:focus{border-color:#fff;box-shadow:0 0 0 2px rgba(255,255,255,0.1)}[data-theme="dark"] .form-input::placeholder{color:#94a3b8}[data-theme="dark"] .btn-primary{background:#fff;color:#0f172a;border:2px solid #fff}[data-theme="dark"] .btn-primary:hover{background:#f1f5f9;color:#0f172a;box-shadow:0 4px 12px rgba(255,255,255,0.2)}[data-theme="dark"] .auth-link{color:#fff}[data-theme="dark"] .auth-link:hover{color:#e2e8f0}[data-theme="dark"] .benefit-icon{background:rgba(255,255,255,0.1);color:#fff}[data-theme="dark"] .benefit-title{color:#fff}[data-theme="dark"] .benefit-desc{color:#cbd5e1}.step-icon{width:80px;height:80px;margin:0 auto var(--spacing-lg);background:var(--bg-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid var(--border-color)}.step-icon .material-icons-round{font-size:40px;color:var(--color-primary)}.step-icon.success{background:rgba(16,185,129,0.1);border-color:var(--color-success)}.step-icon.success .material-icons-round{color:var(--color-success)}.reset-instructions{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin:var(--spacing-2xl) 0}.instruction-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-md) 0}.instruction-item:not(:last-child){border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-md)}.instruction-item .material-icons-round{font-size:24px;color:var(--color-primary);flex-shrink:0;margin-top:2px}.instruction-item h4{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.instruction-item p{font-size:14px;color:var(--text-tertiary);line-height:1.5;margin:0}.resend-confirmation{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);background:rgba(16,185,129,0.1);border:1px solid rgba(16,185,129,0.2);color:var(--color-success);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);margin-top:var(--spacing-lg);font-size:14px;font-weight:500;animation:slideDown .3s ease-out}.resend-confirmation .material-icons-round{font-size:20px}.resend-section{margin:var(--spacing-xl) 0;text-align:center}.resend-section p{color:var(--text-tertiary);font-size:14px;margin-bottom:var(--spacing-md)}.password-strength{margin-top:var(--spacing-sm)}.strength-meter{height:4px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden;margin-bottom:var(--spacing-xs)}.strength-meter-fill{height:100%;width:0;transition:all .3s ease;border-radius:2px}.strength-meter-fill[data-strength="0"]{width:0;background:transparent}.strength-meter-fill[data-strength="1"]{width:25%;background:var(--color-danger)}.strength-meter-fill[data-strength="2"]{width:50%;background:var(--color-warning)}.strength-meter-fill[data-strength="3"]{width:75%;background:#3b82f6}.strength-meter-fill[data-strength="4"]{width:100%;background:var(--color-success)}.strength-text{font-size:13px;font-weight:500;color:var(--text-tertiary)}.password-requirements{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);margin-top:0}.password-requirements h4{font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.password-requirements ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.password-requirements li{display:flex;align-items:center;gap:var(--spacing-sm);font-size:13px;color:var(--text-tertiary);transition:color .2s}.password-requirements li .material-icons-round{font-size:16px;color:var(--text-tertiary);transition:color .2s}.password-requirements li.met{color:var(--color-success)}.password-requirements li.met .material-icons-round{color:var(--color-success)}.success-message{background:rgba(16,185,129,0.1);border:1px solid rgba(16,185,129,0.2);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin:var(--spacing-2xl) 0;text-align:center}.success-message p{color:var(--text-secondary);font-size:15px;line-height:1.6;margin:0}[data-theme="dark"] .verification-info-card{background:rgba(255,255,255,0.03);border-color:rgba(255,255,255,0.1)}[data-theme="dark"] .step-icon{background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.2)}[data-theme="dark"] .step-icon .material-icons-round{color:#fff}[data-theme="dark"] .step-icon.success{background:rgba(16,185,129,0.1);border-color:var(--color-success)}[data-theme="dark"] .reset-instructions{background:rgba(255,255,255,0.03);border-color:rgba(255,255,255,0.1)}[data-theme="dark"] .instruction-item .material-icons-round{color:#fff}[data-theme="dark"] .password-requirements{background:rgba(255,255,255,0.03);border-color:rgba(255,255,255,0.1)}[data-theme="dark"] .success-message{background:rgba(16,185,129,0.1);border-color:rgba(16,185,129,0.2)}.social-login{margin-bottom:var(--spacing-md)}.btn-google{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);background:#fff;color:#3c4043;border:1px solid #dadce0;font-weight:500;font-size:15px;padding:12px 24px;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;width:100%}.btn-google:hover{background:#f8f9fa;border-color:#c4c7c5;box-shadow:0 1px 3px rgba(0,0,0,0.08)}.btn-google:active{background:#f1f3f4}.btn-google:disabled{opacity:.6;cursor:not-allowed}.btn-google .google-icon{flex-shrink:0}.auth-divider{display:flex;align-items:center;margin:var(--spacing-lg) 0;color:var(--text-tertiary);font-size:13px;text-transform:uppercase;letter-spacing:.5px}.auth-divider::before,.auth-divider::after{content:'';flex:1;height:1px;background:var(--border-color)}.auth-divider span{padding:0 var(--spacing-md)}.auth-message{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-md);font-size:14px;line-height:1.5}.auth-message.error{background:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.2);color:#dc2626}.auth-message.error .material-icons-round{color:#dc2626;font-size:20px}.auth-message.success{background:rgba(16,185,129,0.1);border:1px solid rgba(16,185,129,0.2);color:#059669}.auth-message.success .material-icons-round{color:#059669;font-size:20px}[data-theme="dark"] .btn-google{background:#202124;color:#e8eaed;border-color:#5f6368}[data-theme="dark"] .btn-google:hover{background:#292a2d;border-color:#8e918f}[data-theme="dark"] .btn-google:active{background:#35363a}[data-theme="dark"] .auth-message.error{background:rgba(239,68,68,0.15);border-color:rgba(239,68,68,0.3)}[data-theme="dark"] .auth-message.success{background:rgba(16,185,129,0.15);border-color:rgba(16,185,129,0.3)}.grecaptcha-badge{visibility:hidden !important}.recaptcha-branding{font-size:12px;color:var(--text-tertiary);text-align:center;margin-top:var(--spacing-lg);line-height:1.5}.recaptcha-branding .material-icons-round,.recaptcha-branding .material-symbols-rounded{font-size:14px;vertical-align:middle;margin-top:-3px;margin-right:4px}.recaptcha-branding a{color:var(--text-secondary);text-decoration:underline}.recaptcha-branding a:hover{color:var(--text-primary)}