input:-webkit-autofill{-webkit-text-fill-color:#1f1f1f;transition:background-color 5000s ease-in-out;box-shadow:inset 0 0 0 1000px #f5f5f5}input:-webkit-autofill:hover{-webkit-text-fill-color:#1f1f1f;transition:background-color 5000s ease-in-out;box-shadow:inset 0 0 0 1000px #f5f5f5}input:-webkit-autofill:focus{-webkit-text-fill-color:#1f1f1f;transition:background-color 5000s ease-in-out;box-shadow:inset 0 0 0 1000px #f5f5f5}.phone-input-container .phone-input-field:-webkit-autofill{-webkit-text-fill-color:#1f1f1f!important;background-color:#0000!important;transition:background-color 5000s ease-in-out!important;box-shadow:inset 0 0 0 1000px #0000!important}.phone-input-container .phone-input-field:-webkit-autofill:hover{-webkit-text-fill-color:#1f1f1f!important;background-color:#0000!important;transition:background-color 5000s ease-in-out!important;box-shadow:inset 0 0 0 1000px #0000!important}.phone-input-container .phone-input-field:-webkit-autofill:focus{-webkit-text-fill-color:#1f1f1f!important;background-color:#0000!important;transition:background-color 5000s ease-in-out!important;box-shadow:inset 0 0 0 1000px #0000!important}.form-group{overflow:visible}.phone-input-wrapper,.phone-input-container{overflow:visible!important}datalist option{font-family:Poppins,sans-serif;font-size:14px}.login-container{width:100%;height:100vh;margin:0;padding:0;font-family:Poppins,sans-serif;display:flex;overflow:hidden}.left-frame{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:28px;padding:50px 5vw;display:flex;position:relative;overflow-y:auto}.logo-welcome-section{flex-direction:column;align-items:center;width:100%;display:flex}.logo-section{align-items:flex-end;gap:8px;display:flex}.logo-container{flex-direction:column;align-items:flex-start;width:80px;height:80px;display:flex}.logo-img{object-fit:contain;object-position:50% 50%;width:100%;height:100%}.welcome-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.welcome-title{color:#000;margin:0;font-family:Poppins,sans-serif;font-size:40px;font-weight:700}.welcome-subtitle{color:#727272;margin:0;font-family:Poppins,sans-serif;font-size:16px;font-weight:400;line-height:24px}.login-form-container{flex-direction:column;justify-content:center;align-items:center;gap:24px;width:100%;max-width:677px;display:flex}.tab-container{background-color:#b5b5b5;border-radius:16px;gap:8px;width:341px;padding:8px;display:flex;position:relative;overflow:hidden}.tab-slider{z-index:0;will-change:transform;background-color:#f5f5f5;border-radius:12px;width:calc(50% - 4px);height:calc(100% - 16px);transition:transform .4s cubic-bezier(.4,0,.2,1);position:absolute;top:8px;left:8px;box-shadow:0 2px 12px #1d61e733}.tab-slider.slide-left{transform:translate(0)}.tab-slider.slide-right{transform:translate(calc(100% - 8px))}.tab-button{cursor:pointer;color:#1f1f1f;z-index:1;background-color:#0000;border:none;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:8px 24px;font-family:Poppins,sans-serif;font-size:16px;font-weight:400;line-height:24px;transition:color .4s cubic-bezier(.4,0,.2,1),font-size .4s cubic-bezier(.4,0,.2,1),font-weight .4s cubic-bezier(.4,0,.2,1),line-height .4s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;transform:scale(1)}.tab-button:hover:not(.active){color:#1d61e7;transform:scale(1.02)}.tab-button.active{color:#1d61e7;background-color:#0000;font-size:16px;font-weight:500;line-height:24px}.login-form{flex-direction:column;gap:16px;width:100%;animation:.3s ease-in-out fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-group{flex-direction:row;align-items:center;gap:16px;width:100%;display:flex;position:relative}.form-input{color:#1f1f1f;background-color:#f5f5f5;border:2px solid #8c8c8c;border-radius:16px;outline:none;width:100%;padding:16px 12px;font-family:Poppins,sans-serif;font-size:16px;transition:border-color .3s}.form-input:focus{border-color:#1d61e7}.form-input-error,.form-input-error:focus{border-color:#d32f2f!important}.form-error{color:#d32f2f;text-align:left;background-color:#ffebee;border:1px solid #d32f2f;border-radius:8px;width:100%;margin-bottom:8px;padding:12px 16px;font-family:Poppins,sans-serif;font-size:14px;font-weight:400;display:block}.form-success{color:#2e7d32;text-align:left;background-color:#e8f5e9;border:1px solid #2e7d32;border-radius:8px;width:100%;margin-bottom:8px;padding:12px 16px;font-family:Poppins,sans-serif;font-size:14px;font-weight:400;display:block}.signin-button:disabled{opacity:.6;cursor:not-allowed;background-color:#8c8c8c!important;border-color:#8c8c8c!important}.signin-button:disabled:hover{background-color:#8c8c8c!important}.phone-input-wrapper{width:100%;position:relative}.phone-input-wrapper *{box-sizing:border-box}.phone-input-container{z-index:1!important;background-color:#f5f5f5!important;border:2px solid #8c8c8c!important;border-radius:16px!important;width:100%!important;height:54px!important;transition:border-color .3s!important;position:relative!important;overflow:visible!important}.phone-input-container:focus-within{z-index:2!important;border-color:#1d61e7!important}.phone-input-container .phone-input-button{z-index:1!important;min-width:90px!important;height:100%!important;box-shadow:none!important;background-color:#0000!important;border:none!important;border-right:2px solid #8c8c8c!important;justify-content:center!important;align-items:center!important;transition:border-color .3s!important;display:flex!important;position:absolute!important;top:0!important;left:0!important}.phone-input-container:focus-within .phone-input-button{border-right-color:#1d61e7!important}.phone-input-container .phone-input-button .flag-dropdown{background-color:#0000!important;border:none!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;padding:0!important;display:flex!important}.phone-input-container .phone-input-button .selected-flag{background:0 0!important;flex-flow:row!important;justify-content:center!important;align-items:center!important;gap:6px!important;width:100%!important;height:100%!important;padding:0!important;display:flex!important}.phone-input-container .phone-input-button .selected-flag .arrow{opacity:.7!important;border-top-color:#1f1f1f!important;border-left:4px solid #0000!important;border-right:4px solid #0000!important;flex-shrink:0!important;order:3!important;width:0!important;height:0!important;margin-left:4px!important}.phone-input-container .phone-input-button .selected-flag .dial-code{color:#1f1f1f!important;vertical-align:middle!important;flex-shrink:0!important;order:2!important;margin:0!important;padding:0!important;font-family:Poppins,sans-serif!important;font-size:16px!important;font-weight:400!important;display:inline-block!important}.phone-input-container .phone-input-button,.phone-input-container .phone-input-button *,.phone-input-container .phone-input-button .selected-flag,.phone-input-container .phone-input-button .selected-flag *{color:#1f1f1f!important}.phone-input-container .phone-input-field{color:#1f1f1f!important;width:100%!important;height:auto!important;min-height:54px!important;box-shadow:none!important;box-sizing:border-box!important;background-color:#0000!important;border:none!important;border-radius:16px!important;outline:none!important;padding:0 12px 0 100px!important;font-family:Poppins,sans-serif!important;font-size:16px!important;line-height:24px!important}.phone-input-container .phone-input-field::placeholder{color:#8c8c8c!important;opacity:1!important}.phone-dropdown{z-index:10!important;border-radius:12px!important;min-width:320px!important;max-width:calc(100vw - 32px)!important;margin-top:6px!important;top:50px!important;left:-1px!important;right:auto!important;transform:none!important;box-shadow:0 12px 30px #010c4459!important}@media (max-width:480px){.phone-dropdown{min-width:calc(80vw - 32px)!important}}.react-tel-input .selected-flag:focus:before,.react-tel-input .selected-flag.open:before{border-top-left-radius:14px;border-bottom-left-radius:14px;box-shadow:0 0 0 .2rem #007bff40;border-color:#0000!important}.password-group{align-items:center;display:flex}.password-group .form-input{padding-right:50px}.password-toggle{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.eye-icon{object-fit:contain;width:100%;height:100%}.eye-icon--active{filter:brightness(1.3)}.forgot-password{justify-content:flex-end;width:100%;display:flex}.forgot-link{color:#1d61e7;cursor:pointer;font-family:Poppins,sans-serif;font-size:16px;font-weight:400;text-decoration:none}.forgot-link:hover{text-decoration:underline}.checkbox-group{align-items:flex-start;width:100%;display:flex}.checkbox-label{cursor:pointer;color:#1f1f1f;align-items:center;gap:8px;font-family:Poppins,sans-serif;font-size:14px;font-weight:400;line-height:20px;display:flex}.checkbox-label input[type=checkbox]{cursor:pointer;accent-color:#1d61e7;flex-shrink:0;width:18px;height:18px}.checkbox-label span{-webkit-user-select:none;user-select:none}.terms-link{color:#1d61e7;cursor:pointer;background:0 0;border:none;margin:0;padding:0;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;text-decoration:underline;transition:color .2s}.terms-link:hover{color:#1246ac}.signin-button{color:#fff;cursor:pointer;background-color:#1d61e7;border:2px solid #1246ac;border-radius:16px;width:100%;height:54px;font-family:Poppins,sans-serif;font-size:20px;font-weight:500;line-height:32px;transition:all .3s}.signin-button:hover{background-color:#1246ac}.divider{align-items:center;gap:10px;width:100%;padding:10px;display:flex}.divider-line{background-color:#8c8c8c;flex:1;height:1px}.divider-text{color:#8c8c8c;padding:0 10px;font-family:Poppins,sans-serif;font-size:16px;font-weight:600}.google-button{color:#1f1f1f;cursor:pointer;background-color:#f5f5f5;border:2px solid #1d61e7;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;height:54px;font-family:Poppins,sans-serif;font-size:20px;font-weight:400;line-height:32px;transition:all .3s;display:flex}.google-button:disabled{opacity:.6;cursor:not-allowed;background-color:#8c8c8c!important}.google-button:disabled:hover{transform:none;background-color:#8c8c8c!important}.google-button:hover{background-color:#e8e8e8}.google-logo{object-fit:contain;width:32px;height:32px}.right-frame{background-color:#0d0d1b;background-image:url(/background-white.svg);background-size:cover;border-radius:24px;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;margin:24px;padding:clamp(12px,2vh,24px) clamp(16px,3vw,24px);display:flex;position:relative;overflow:hidden}.right-content{z-index:1;flex-direction:column;align-items:center;gap:clamp(30px,6vh,75px);width:100%;display:flex}.illustration-container{justify-content:center;align-items:center;width:clamp(280px,45vw,532px);height:clamp(300px,50vh,568px);animation:3s ease-in-out infinite floatUpDown;display:flex;position:relative}@keyframes floatUpDown{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.ellipse{width:clamp(200px,35vw,400px);height:clamp(200px,35vw,400px);position:absolute}.ellipse-1{top:0;left:-20%}.ellipse-2{top:28%;left:40%}.ellipse img{object-fit:contain;width:100%;height:100%}.polygon-container{width:clamp(100px,25vw,398px);padding:1.55% 6.7%;position:absolute;top:60%;left:50%;transform:translate(-50%,-50%)}.polygon{object-fit:contain;width:100%;height:100%}.illustration-image{border-radius:4px;align-items:center;width:clamp(130px,15vw,250px);position:absolute;top:60%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.illustration-image img{object-fit:contain;object-position:50% 50%;width:100%;height:100%}.right-text{color:#fff;flex-direction:column;align-items:flex-start;gap:clamp(6px,1vh,10px);width:100%;display:flex}.right-title{color:#fff;margin:0;font-family:Poppins,sans-serif;font-size:clamp(1.5rem,1vw + 1rem,2.5rem);font-style:normal;font-weight:700;line-height:clamp(36px,5vw,64px)}.right-description{color:#fff;font-family:Poppins,sans-serif;font-size:clamp(.85rem,1vw + 1rem,1.25rem);font-style:normal;font-weight:400;line-height:clamp(22px,2.8vw,32px)}.highlight{color:#2265e7}.dots-indicator{background-color:#8c8c8c;border-radius:100px;justify-content:space-between;align-items:center;width:80px;padding:8px 10px;display:flex}.dot{aspect-ratio:1;cursor:pointer;background-color:#9fbcf5;border-radius:50%;flex-shrink:0;width:5px;height:5px;transition:transform .5s}.dot:hover{opacity:.8;transform:scale(1.2)}.dot.active{background-color:#2265e7}@media (max-height:800px){.left-frame{justify-content:flex-start}}@media (max-width:1300px){.right-frame{border-radius:24px;min-height:400px;display:none}}@media (max-width:1024px){.form-group{flex-direction:row}.login-container{flex-direction:column}.left-frame{padding:30px 20px}.illustration-container{aspect-ratio:532/568;width:100%;max-width:400px;height:auto}}@media (max-width:768px){.login-container{flex-direction:column;height:auto;min-height:100dvh}.left-frame{height:auto;min-height:100dvh;padding:30px 5vw;padding-top:max(30px,env(safe-area-inset-top));padding-bottom:max(30px,env(safe-area-inset-bottom));justify-content:center}.welcome-title{font-size:28px;line-height:40px}.welcome-subtitle{font-size:14px;line-height:20px}.right-title{font-size:32px;line-height:48px}.right-description{font-size:16px;line-height:24px}.tab-container{width:100%;max-width:341px;height:64px}.tab-button{padding:6px 16px;font-size:14px;line-height:20px}.form-group{align-items:stretch;gap:16px}.form-group .form-input{width:100%;padding:16px 12px;font-size:14px}.form-group .phone-input-wrapper{width:100%}.phone-input-container{height:54px!important}.phone-input-container .phone-input-field{min-height:54px!important;padding:0 12px 0 90px!important;font-size:14px!important}.phone-input-container .phone-input-button{min-width:80px!important}.phone-input-container .phone-input-button .selected-flag .dial-code{font-size:14px!important}.signin-button,.google-button{height:52px;font-size:16px;line-height:24px}.forgot-link{font-size:14px}.checkbox-label{font-size:13px}.divider-text{font-size:14px}}@media (max-width:480px){.left-frame{gap:40px;padding:20px 4vw}.logo-container{width:60px;height:60px}.welcome-title{font-size:24px;line-height:36px}.welcome-subtitle{font-size:13px;line-height:18px}.tab-container{height:56px;padding:6px}.tab-button{padding:4px 12px;font-size:13px;line-height:18px}.form-group .form-input{border-radius:12px;padding:14px 10px;font-size:13px}.phone-input-container{border-radius:12px!important;height:48px!important}.phone-input-container .phone-input-field{border-radius:12px!important;min-height:48px!important;padding:0 10px 0 75px!important;font-size:13px!important}.phone-input-container .phone-input-button{min-width:70px!important}.phone-input-container .phone-input-button .selected-flag .dial-code{font-size:13px!important}.password-toggle{width:20px;height:20px;right:10px}.signin-button,.google-button{border-radius:12px;height:48px;font-size:15px;line-height:22px}.google-logo{width:24px;height:24px}.forgot-link{font-size:13px}.checkbox-label{font-size:12px}.checkbox-label input[type=checkbox]{width:16px;height:16px}.divider{padding:8px}.divider-text{padding:0 8px;font-size:13px}.form-error,.form-success{padding:10px 12px;font-size:12px}}.forget-password-page .forget-password-left-frame{gap:150px}.forget-password-page .forget-password-header{gap:32px}.forget-password-page .forget-password-header .welcome-section{gap:12px}.forget-password-page .forget-password-form-container{gap:32px}.forget-password-page .login-form{gap:24px}