@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";
.logo{cursor:pointer;width:240px;height:auto}@media (min-width:916px) and (max-width:1548px){.logo{width:160px}}@media (max-width:815px){.logo{width:160px}}.auth-container{background:#fafafa;min-height:100vh;display:flex}.auth-left{background:linear-gradient(#feedd4,#ffd8a0 95.73%);flex:1;justify-content:center;align-items:center;display:flex;position:relative}.auth-left .top_web{width:100%;position:absolute;top:0}.auth-left .bottom_web{width:100%;position:absolute;bottom:0}.auth-left:before{content:"";background:#ffffff26;position:absolute;inset:0}.auth-left-content{z-index:2;text-align:center;color:#fff;flex-direction:column;gap:24px;min-width:80%;padding:2rem;display:flex;position:relative}@media (max-width:815px){.auth-left-content{padding:1rem}}.brand{flex-direction:column;align-items:center;gap:12px;margin-bottom:3rem;display:flex}@media (max-width:815px){.brand{margin:0}}.brand h1{letter-spacing:-.02em;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.brand p{opacity:1;color:#2c2c2c;text-align:center;max-width:80%;font-size:1.6rem;font-weight:600}@media (min-width:916px) and (max-width:1548px){.brand p{max-width:100%;margin:0;font-size:20px}}@media (max-width:815px){.brand p{width:100%;font-size:18px}}.auth-right{background:#fff;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.auth-form-container{width:100%;max-width:450px}.auth-form .form-header{text-align:center;margin-bottom:2rem}.auth-form .form-header.custom{display:none}@media (min-width:916px) and (max-width:1548px){.auth-form .form-header{display:none}}.auth-form .form-header h2{color:#1a1a1a;margin-bottom:.5rem;font-size:1.8rem;font-weight:600}.auth-form .form-header p{color:#6b7280;font-weight:400}.auth-form .form-tabs{background:#f3f4f6;border-radius:12px;margin-bottom:2rem;padding:4px;display:flex}.auth-form .form-tabs.custom{display:none}.auth-form .form-tabs .tab{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;padding:12px 16px;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.auth-form .form-tabs .tab.active{color:#1a1a1a;background:#fff;box-shadow:0 2px 4px #0000001a}.auth-form .form-tabs .tab:hover:not(.active){color:#374151}.input-row{flex-wrap:wrap;gap:1rem;display:flex}.input-group{flex:1;min-width:0;margin-bottom:1.5rem}.input-group label{color:#374151;margin-bottom:.5rem;font-size:.9rem;font-weight:500;display:block}.input-group .input-wrapper{position:relative}.input-group .input-wrapper .input-icon{color:#9ca3af;width:20px;height:20px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.input-group .input-wrapper input{box-sizing:border-box;background:#fff;border:2px solid #e5e7eb;border-radius:12px;width:100%;padding:12px 16px 12px 44px;font-family:Poppins,sans-serif;font-size:1rem;transition:all .2s}.input-group .input-wrapper input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.input-group .input-wrapper input.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.input-group .input-wrapper input::placeholder{color:#9ca3af}.input-group .error-message{color:#ef4444;margin-top:.5rem;font-size:.875rem;font-weight:400}.btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 24px;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;transition:all .2s;display:flex;position:relative}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{color:#fff;background:#667eea;margin-bottom:1rem}.btn-primary:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.btn-primary:active{transform:translateY(0)}.btn-google{color:#374151;background:#fff;border:2px solid #e5e7eb;margin-bottom:1.5rem}.btn-google:hover:not(:disabled){border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.btn-google .google-icon{width:20px;height:20px}.loading-spinner{border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.divider{text-align:center;margin:1.5rem 0;position:relative}.divider:before{content:"";background:#e5e7eb;height:1px;position:absolute;top:50%;left:0;right:0}.divider span{color:#6b7280;background:#fff;padding:0 1rem;font-size:.9rem}.auth-link{text-align:center;margin-top:1.5rem}.auth-link.custom{display:none}.auth-link p{color:#6b7280;font-size:.9rem}.auth-link p a{color:#667eea;font-weight:500;text-decoration:none}.auth-link p a:hover{text-decoration:underline}.forgot-password{text-align:right;margin-bottom:1.5rem}.forgot-password.custom{display:none}.forgot-password a{color:#667eea;font-size:.9rem;font-weight:500;text-decoration:none}.forgot-password a:hover{text-decoration:underline}@media (max-width:768px){.auth-container{flex-direction:column}.auth-left{flex:none;min-height:200px}.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{color:#374151;background:#f3f4f6;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 #0000001a}.btn-secondary:active{transform:translateY(0)}.step-container{position:relative;overflow:hidden}.step-container .step-content{width:100%;transition:all .3s cubic-bezier(.4,0,.2,1)}.button-group{gap:1rem;display:flex}.button-group .btn{margin-bottom:0}.trust_indicators{background:#f2fff2;border-radius:16px;outline:1px solid #e5e7eb;justify-content:space-around;align-items:center;margin:0;padding:1.5rem 0;display:flex;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}@media (max-width:815px){.trust_indicators{display:none}}.trust_item{text-align:center;flex:1;min-width:100px}@media (min-width:916px) and (max-width:1548px){.trust_item{min-width:70px}}.trust_number{color:#059669;margin-bottom:.25rem;font-size:1.875rem;font-weight:700;display:block}@media (min-width:916px) and (max-width:1548px){.trust_number{margin-bottom:0;font-size:20px}}.trust_label{color:#6b7280;font-size:.875rem;font-weight:500}@media (min-width:916px) and (max-width:1548px){.trust_label{font-size:14px}}.step-indicator.custom{display:none}@media (min-width:916px) and (max-width:1548px){.step-indicator{display:none!important}}