.auth-unified-container{min-height:100vh;display:flex;font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif}.auth-brand-panel{width:50%;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);display:flex;align-items:center;justify-content:center;padding:60px;position:relative;overflow:hidden}.auth-brand-content{text-align:center;z-index:1;max-width:500px}.auth-illustration{max-width:400px;max-height:300px;width:100%;height:auto;margin-bottom:40px;filter:drop-shadow(0 10px 30px rgba(0,0,0,0.15));animation:float 6s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}.auth-tagline{font-size:2.5rem;font-weight:700;color:white;margin-bottom:15px;line-height:1.2;text-shadow:0 2px 10px rgba(0,0,0,0.2)}.auth-subtitle{font-size:1.2rem;color:rgba(255,255,255,0.9);line-height:1.6;font-weight:300}.auth-form-panel{width:50%;background:white;display:flex;flex-direction:column;padding:60px;overflow-y:auto}.auth-logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:40px;text-decoration:none;color:inherit}.auth-logo-icon{width:48px;height:48px;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(102,126,234,0.3)}.auth-logo-icon i{font-size:24px;color:white}.auth-logo-text{font-size:1.5rem;font-weight:700;color:#2c3e50;letter-spacing:-0.5px}.auth-logo-text span{color:#667eea}.auth-brand-logo{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px;padding-bottom:0}.auth-icon{width:20px;height:20px;flex-shrink:0;opacity:0.8}.auth-brand-name{font-size:1.1rem;font-weight:600;color:#667eea;margin:0;letter-spacing:-0.3px}.auth-tabs{display:flex;gap:0;border-bottom:2px solid #e9ecef;margin-bottom:30px}.auth-tab{flex:1;padding:15px 20px;border:none;background:none;color:#6c757d;font-size:1rem;font-weight:500;cursor:pointer;border-bottom:3px solid transparent;transition:all 0.3s ease;position:relative;user-select:none;-webkit-tap-highlight-color:transparent;z-index:10;pointer-events:auto}.auth-tab:hover{color:#667eea;background:rgba(102,126,234,0.05)}.auth-tab:active{transform:scale(0.98)}.auth-tab.active{color:#667eea;font-weight:600;border-bottom-color:#667eea;background:rgba(102,126,234,0.05)}.auth-form-container{display:none}.auth-form-container.active{display:block;animation:fadeIn 0.3s ease-out}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auth-form-panel .form-group{margin-bottom:20px}.auth-form-panel label{display:block;font-weight:600;color:#2c3e50;margin-bottom:8px;font-size:0.9rem}.auth-form-panel .form-control{width:100%;padding:12px 15px;border:2px solid #e9ecef;border-radius:10px;font-size:1rem;transition:all 0.3s ease;background:#f8f9fa;font-family:inherit}.auth-form-panel .form-control:focus{outline:none;border-color:#667eea;background:white;box-shadow:0 0 0 4px rgba(102,126,234,0.1)}.auth-form-panel .form-row{display:flex;gap:15px;margin-bottom:20px}.auth-form-panel .form-group.half{flex:1;margin-bottom:0}.auth-form-panel .btn-primary{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);border:none;color:white;padding:14px 20px;font-size:1rem;font-weight:600;border-radius:10px;width:100%;cursor:pointer;transition:all 0.3s ease;margin-top:10px}.auth-form-panel .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,0.4)}.auth-form-panel .btn-primary:active{transform:translateY(0)}.auth-form-footer{text-align:center;margin-top:20px;padding-top:20px;border-top:1px solid #e9ecef}.auth-form-footer a{color:#667eea;text-decoration:none;font-weight:500;font-size:0.9rem;transition:color 0.3s ease}.auth-form-footer a:hover{color:#764ba2;text-decoration:underline}.auth-form-panel .alert{padding:1rem;margin-bottom:1.5rem;border-radius:10px;font-size:0.9rem;animation:slideDown 0.3s ease-out}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.auth-form-panel .alert-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.auth-form-panel .alert-danger{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.auth-form-panel .alert ul{margin:0;padding-left:20px}.auth-form-panel .alert strong{display:block;margin-bottom:8px}@media (max-width: 1024px){.auth-brand-panel{padding:40px}.auth-form-panel{padding:40px}.auth-tagline{font-size:2rem}.auth-subtitle{font-size:1.1rem}.auth-illustration{max-width:350px;max-height:260px}}@media (max-width: 768px){.auth-unified-container{flex-direction:column}.auth-brand-panel{width:100%;min-height:250px;padding:30px 20px}.auth-illustration{max-height:140px;max-width:280px;margin-bottom:20px}.auth-tagline{font-size:1.5rem;margin-bottom:10px}.auth-subtitle{font-size:0.95rem}.auth-form-panel{width:100%;padding:30px 20px}.auth-brand-logo{margin-bottom:10px}.auth-icon{width:18px;height:18px}.auth-brand-name{font-size:1rem}.auth-tabs{margin-bottom:20px}.auth-tab{padding:12px 15px;font-size:0.9rem}.auth-form-panel .form-row{flex-direction:column;gap:0}.auth-form-panel .form-group.half{width:100%;margin-bottom:20px}.auth-form-panel .form-control{padding:10px 12px;font-size:0.95rem}.auth-form-panel .btn-primary{padding:12px 18px}}@media (max-width: 480px){.auth-brand-panel{min-height:200px;padding:25px 15px}.auth-illustration{max-height:120px;max-width:240px}.auth-tagline{font-size:1.3rem}.auth-subtitle{font-size:0.85rem}.auth-form-panel{padding:25px 15px}}.auth-tab.disabled{opacity:0.6;cursor:not-allowed;pointer-events:none;position:relative}.auth-tab.disabled:hover{background:none;color:#6c757d}.beta-badge{display:inline-block;background:linear-gradient(135deg, #f6ad55 0%, #ed8936 100%);color:white;font-size:0.65rem;font-weight:700;padding:2px 8px;border-radius:10px;margin-left:8px;vertical-align:middle;text-transform:uppercase;letter-spacing:0.5px}.auth-tab:focus,.auth-form-panel .form-control:focus,.auth-form-panel .btn-primary:focus,.auth-form-footer a:focus{outline:2px solid #667eea;outline-offset:2px}@media (hover: none){.auth-tab{min-height:44px}.auth-form-panel .btn-primary{min-height:48px}}.captcha-container{margin:20px 0;padding:16px;background:#f8f9fa;border-radius:10px;border:1px solid #e9ecef}.captcha-notice{display:flex;align-items:center;gap:10px;margin-bottom:16px;color:#495057;font-size:0.9rem}.captcha-notice i{color:#667eea;font-size:1.1rem}.cf-turnstile{display:flex;justify-content:center}.g-recaptcha{display:flex;justify-content:center}.captcha-container.error{border-color:#e74c3c;background:#fdf2f2}.captcha-container.error .captcha-notice{color:#e74c3c}.captcha-container.error .captcha-notice i{color:#e74c3c}@media (max-width: 480px){.captcha-container{padding:12px}.cf-turnstile,.g-recaptcha{transform:scale(0.9);transform-origin:center}}.terms-acceptance{margin:20px 0;padding:16px;background:#f8f9fa;border-radius:10px;border:1px solid #e9ecef}.terms-acceptance .checkbox-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-weight:400;margin:0}.terms-acceptance input[type="checkbox"]{width:20px;height:20px;min-width:20px;margin-top:2px;cursor:pointer;accent-color:#667eea}.terms-acceptance .terms-text{font-size:0.9rem;color:#495057;line-height:1.5}.terms-acceptance .terms-text a{color:#667eea;text-decoration:none;font-weight:500;transition:color 0.3s ease}.terms-acceptance .terms-text a:hover{color:#764ba2;text-decoration:underline}.terms-acceptance.field_with_errors,.terms-acceptance:has(.field_with_errors){border-color:#e74c3c;background:#fdf2f2}@media (max-width: 480px){.terms-acceptance{padding:12px}.terms-acceptance .terms-text{font-size:0.85rem}}