@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;line-height:1.6;color:#1a1a1a}.logo{width:240px;height:auto;cursor:pointer}@media(min-width:916px)and (max-width:1548px){.logo{width:160px}}@media(max-width:815px){.logo{width:160px}}.auth-container{display:flex;min-height:100vh;background:#fafafa}.auth-left{flex:1 1;background:linear-gradient(180deg,#feedd4,#ffd8a0 95.73%);display:flex;align-items:center;justify-content:center;position:relative}.auth-left .top_web{position:absolute;width:100%;top:0}.auth-left .bottom_web{position:absolute;bottom:0;width:100%}.auth-left:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.15)}.auth-left-content{position:relative;z-index:2;text-align:center;color:#fff;min-width:80%;padding:2rem;display:flex;flex-direction:column;gap:24px}@media(max-width:815px){.auth-left-content{padding:1rem}}.brand{margin-bottom:3rem;display:flex;flex-direction:column;align-items:center;gap:12px}@media(max-width:815px){.brand{margin:0}}.brand h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;letter-spacing:-.02em}.brand p{font-size:1.6rem;font-weight:600;opacity:1;color:#2c2c2c;max-width:80%;text-align:center}@media(min-width:916px)and (max-width:1548px){.brand p{margin:0;font-size:20px;max-width:100%}}@media(max-width:815px){.brand p{width:100%;font-size:18px}}.auth-right{flex:1 1;display:flex;align-items:center;justify-content:center;padding:2rem;background:#fff}.auth-form-container{width:100%;max-width:450px}.auth-form .form-header{text-align:center;margin-bottom:2rem}@media(min-width:916px)and (max-width:1548px){.auth-form .form-header{display:none}}.auth-form .form-header h2{font-size:1.8rem;font-weight:600;margin-bottom:.5rem;color:#1a1a1a}.auth-form .form-header p{color:#6b7280;font-weight:400}.auth-form .form-tabs{display:flex;margin-bottom:2rem;background:#f3f4f6;border-radius:12px;padding:4px}.auth-form .form-tabs .tab{flex:1 1;padding:12px 16px;border:none;background:rgba(0,0,0,0);border-radius:8px;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s ease;color:#6b7280;align-items:center;justify-content:center;display:flex}.auth-form .form-tabs .tab.active{background:#fff;color:#1a1a1a;box-shadow:0 2px 4px rgba(0,0,0,.1)}.auth-form .form-tabs .tab:hover:not(.active){color:#374151}.input-group{margin-bottom:1.5rem}.input-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151;font-size:.9rem}.input-group .input-wrapper{position:relative}.input-group .input-wrapper .input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af;width:20px;height:20px}.input-group .input-wrapper input{width:100%;padding:12px 16px 12px 44px;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;font-family:Poppins,sans-serif;transition:all .2s ease;background:#fff}.input-group .input-wrapper input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.input-group .input-wrapper input.error{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.1)}.input-group .input-wrapper input::placeholder{color:#9ca3af}.input-group .error-message{margin-top:.5rem;color:#ef4444;font-size:.875rem;font-weight:400}.input-row{display:flex;gap:1rem}.input-row .input-group{flex:1 1}.btn{width:100%;padding:14px 24px;border:none;border-radius:12px;font-size:1rem;font-weight:600;font-family:Poppins,sans-serif;cursor:pointer;transition:all .2s ease;position:relative;display:flex;align-items:center;justify-content:center;gap:8px}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:#667eea;color:#fff;margin-bottom:1rem}.btn-primary:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.btn-primary:active{transform:translateY(0)}.btn-google{background:#fff;color:#374151;border:2px solid #e5e7eb;margin-bottom:1.5rem}.btn-google:hover:not(:disabled){border-color:#d1d5db;box-shadow:0 2px 8px rgba(0,0,0,.1);transform:translateY(-1px)}.btn-google .google-icon,.loading-spinner{width:20px;height:20px}.loading-spinner{border:2px solid rgba(0,0,0,0);border-top-color:currentcolor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.divider{position:relative;text-align:center;margin:1.5rem 0}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e5e7eb}.divider span{background:#fff;padding:0 1rem;color:#6b7280;font-size:.9rem}.auth-link{text-align:center;margin-top:1.5rem}.auth-link p{color:#6b7280;font-size:.9rem}.auth-link p a{color:#667eea;text-decoration:none;font-weight:500}.auth-link p a:hover{text-decoration:underline}.forgot-password{text-align:right;margin-bottom:1.5rem}.forgot-password a{color:#667eea;text-decoration:none;font-size:.9rem;font-weight:500}.forgot-password a:hover{text-decoration:underline}@media(max-width:768px){.auth-container{flex-direction:column}.auth-left{min-height:200px;flex:none}.brand h1{font-size:2rem}.showcase-image .image-placeholder{height:150px}.input-row{flex-direction:column;gap:0}.auth-right{padding:1rem}}.input-hint{margin-top:.5rem}.input-hint small{color:#6b7280;font-size:.8rem;font-weight:400}.btn-secondary{background:#f3f4f6;color:#374151;border:2px solid #e5e7eb;margin-bottom:1rem}.btn-secondary:hover:not(:disabled){background:#e5e7eb;border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.btn-secondary:active{transform:translateY(0)}.step-container{position:relative;overflow:hidden}.step-container .step-content{transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.button-group{display:flex;gap:1rem}.button-group .btn{margin-bottom:0}.trust_indicators{outline:1px solid #e5e7eb;justify-content:space-around;align-items:center;box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);padding:1.5rem 0;display:flex;background:#f2fff2;border-radius:16px;margin:0}@media(max-width:815px){.trust_indicators{display:none}}.trust_item{text-align:center;flex:1 1;min-width:100px}@media(min-width:916px)and (max-width:1548px){.trust_item{min-width:70px}}.trust_number{display:block;font-size:1.875rem;font-weight:700;color:#059669;margin-bottom:.25rem}@media(min-width:916px)and (max-width:1548px){.trust_number{font-size:20px;margin-bottom:0}}.trust_label{font-size:.875rem;color:#6b7280;font-weight:500}@media(min-width:916px)and (max-width:1548px){.trust_label{font-size:14px}.step-indicator{display:none!important}}.fadeCarousel{width:100%;max-width:420px;height:370px;margin:auto;border-radius:16px;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}@media(min-width:916px)and (max-width:1548px){.fadeCarousel{height:280px}}@media(max-width:815px){.fadeCarousel{display:none}}.fadeCarousel .progress-indicators{position:absolute;top:16px;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:10}.fadeCarousel .progress-indicators .progress-dot{width:6px;height:6px;border-radius:50%;background:rgba(0,0,0,.2);transition:all .4s ease}.fadeCarousel .progress-indicators .progress-dot.active{width:18px;border-radius:3px;background:#4a5568}.fadeSlide{display:flex;flex-direction:column;align-items:center;text-align:center;position:absolute;width:100%}.fadeImage{width:70%;height:auto;object-fit:contain}@media(min-width:916px)and (max-width:1548px){.fadeImage{width:50%}}.caption h3{font-size:18px;font-weight:600;color:#222;margin:0 0 8px}.caption p{font-size:14px;color:#666;margin:0;max-width:300px;line-height:1.5}@media(max-width:480px){.fadeCarousel{max-width:360px;height:400px;padding:20px}.fadeImage{width:80%}.caption h3{font-size:16px}.caption p{font-size:13px;max-width:280px}}