.otp-container{width:100%}
.creat-user-container{width:100%}

.login-pin-container{width:100%}
@keyframes loginOverlayFade{0%{opacity:0}to{opacity:1}}@keyframes loginModalPop{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:none}}@keyframes loginSheetUp{0%{opacity:.65;transform:translateY(36px)}to{opacity:1;transform:none}}@keyframes loginSpin{to{transform:rotate(360deg)}}.login-modal-overlay{z-index:99999;-webkit-backdrop-filter:blur(8px);background:#07181f85;justify-content:center;align-items:center;padding:24px;animation:.2s both loginOverlayFade;display:flex;position:fixed;inset:0;overflow-y:auto}@media screen and (max-width:768px){.login-modal-overlay{align-items:flex-end;padding:0}}.login-modal-container{background:#fff;border-radius:26px;width:100%;max-width:880px;min-height:480px;max-height:calc(100dvh - 48px);animation:.32s cubic-bezier(.22,1,.36,1) both loginModalPop;display:flex;position:relative;overflow:hidden;box-shadow:0 44px 90px -34px #04181f8c,inset 0 1px #ffffffb3}@media screen and (max-width:768px){.login-modal-container{overscroll-behavior:contain;max-width:100%;min-height:0;max-height:92dvh;padding-bottom:env(safe-area-inset-bottom,0px);border-radius:24px 24px 0 0;flex-direction:column;margin-top:auto;animation:.32s cubic-bezier(.22,1,.36,1) both loginSheetUp;overflow-y:auto;box-shadow:0 -24px 60px -30px #04181f80}}.login-sheet-grip{display:none}@media screen and (max-width:768px){.login-sheet-grip{background:#dbe5e8;border-radius:999px;flex:none;width:40px;height:4px;margin:10px auto 0;display:block}}.login-modal-left{background:radial-gradient(360px 240px at 108% -12%,#0095ac2e,#0000 62%),radial-gradient(300px 220px at -18% 112%,#0095ac21,#0000 60%),linear-gradient(158deg,#f7fdfe 0%,#e7f8fb 100%);border-right:1px solid #d9eef2;flex-direction:column;flex-shrink:0;justify-content:space-between;gap:26px;width:44%;padding:38px 38px 30px;display:flex;position:relative;overflow:hidden}.login-modal-left:after{content:"";pointer-events:none;border:1px solid #0095ac29;border-radius:50%;width:260px;height:260px;position:absolute;bottom:-120px;right:-90px}@media screen and (max-width:768px){.login-modal-left{display:none}}.login-modal-left-content{z-index:1;max-width:300px;position:relative}.login-modal-brand{width:126px;display:inline-flex}.login-modal-brand img{width:100%;height:auto}.login-modal-tagline{letter-spacing:-.03em;color:var(--color-text-primary,#15171c);text-wrap:balance;margin:26px 0 0;font-size:27px;font-weight:800;line-height:1.16}.login-modal-description{color:var(--color-text-secondary,#5e6470);max-width:30ch;margin:10px 0 0;font-size:13px;line-height:1.55}.login-modal-benefits{flex-direction:column;gap:10px;margin:22px 0 0;padding:0;list-style:none;display:flex}.login-modal-benefits li{color:var(--color-text-primary,#15171c);align-items:center;gap:9px;font-size:12.5px;font-weight:650;display:flex}.login-modal-benefits .benefit-check{width:18px;height:18px;color:var(--color-accent-dark,#0d5667);background:#fff;border:1px solid #cdeef3;border-radius:50%;flex:0 0 18px;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 4px 10px -6px #00566866}.login-modal-proof{z-index:1;color:var(--color-muted,#7f8a94);align-items:center;gap:7px;margin:0;font-size:11.5px;font-weight:600;display:flex;position:relative}.login-modal-proof svg{color:var(--color-accent-dark,#0d5667)}.login-modal-right{background:#fff;flex:auto;min-width:0;display:flex;position:relative;overflow-y:auto}@media screen and (max-width:768px){.login-modal-right{flex:none;width:100%;overflow:visible}}.login-modal-close{color:#5f6b74;cursor:pointer;z-index:5;background:#fff;border:1px solid #e3ecee;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex;position:absolute;top:14px;right:14px;border-radius:50%!important}.login-modal-close:hover{color:var(--color-text-primary,#15171c);background:#f1f9fa;border-color:#cdeef3}@media (max-width:768px){.login-modal-close{background:#f6fbfc;width:36px;height:36px;top:12px;right:12px}}.login-modal-form-container{flex-direction:column;justify-content:center;width:100%;max-width:430px;margin:auto;padding:40px 44px 26px;display:flex}@media (max-width:768px){.login-modal-form-container{max-width:100%;padding:20px 22px calc(22px + env(safe-area-inset-bottom,0px));justify-content:flex-start}}@media screen and (max-width:400px){.login-modal-form-container{padding:18px 18px calc(20px + env(safe-area-inset-bottom,0px))}}.login-modal-mobile-brand{width:116px;margin:0 auto 16px;display:none}.login-modal-mobile-brand img{width:100%;height:auto}@media screen and (max-width:768px){.login-modal-mobile-brand{display:block}}.login-modal-header{text-align:center;margin-bottom:20px}.login-modal-title{letter-spacing:-.03em;color:var(--color-text-primary,#15171c);margin:0;font-size:25px;font-weight:800;line-height:1.16}.login-modal-title span{color:var(--color-muted,#939aa4);font-size:.72em;font-weight:500}@media screen and (max-width:768px){.login-modal-title{font-size:23px}}.login-modal-subtitle{color:var(--color-text-secondary,#5e6470);margin:7px 0 0;font-size:12.5px;line-height:1.5}.login-modal-terms{text-align:center;color:#8a949d;margin:18px 0 0;font-size:11px;line-height:1.55}.login-modal-terms a{color:var(--color-text-secondary,#5e6470);border-bottom:1px solid #d6e3e6;font-weight:700;text-decoration:none}.login-modal-terms a:hover{color:var(--color-accent-dark,#0d5667);border-color:currentColor}.login-modal-container .otp-container,.login-modal-container .login-pin-container,.login-modal-container .creat-user-container{width:100%;height:auto;min-height:0;padding:0;display:block}.login-modal-container .inner-otp-container,.login-modal-container .inner-login-pin-container,.login-modal-container .inner-creat-user-container{background:0 0;border-radius:0;width:100%;max-width:none;max-height:none;margin:0;overflow:visible}.login-modal-container .otp-header,.login-modal-container .login-header,.login-modal-container .creat-user-header{display:none}.login-modal-container .creat-user-body-container,.login-modal-container .login-body-container,.login-modal-container .otp-body-container{width:100%;padding:0}.login-modal-container .login-container{width:100%}.login-modal-container .input-container{width:100%;padding-bottom:0;display:block}.login-modal-container .input-button-container{width:100%;height:auto;margin-bottom:12px;display:block;position:relative}.login-modal-container .icon-design{color:#8b97a1;z-index:2;font-size:14px;transition:color .18s;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.login-modal-container .input-button{width:100%;height:52px;color:var(--color-text-primary,#15171c);background:#f7fbfc;border:1px solid #e2ebee;border-radius:14px;padding:0 16px 0 46px;font-size:14.5px;font-weight:600;transition:border-color .18s,background-color .18s,box-shadow .18s}@media screen and (max-width:768px){.login-modal-container .input-button{font-size:16px}}.login-modal-container .input-button::placeholder{color:#98a3ac;font-weight:500}.login-modal-container .input-button:focus{background:#fff;border-color:#8fd7e2;outline:none;box-shadow:0 0 0 4px #0095ac1a}.login-modal-container .input-button:disabled{color:#5c6770;-webkit-text-fill-color:#5c6770;cursor:default;background:#f3f7f8}.login-modal-container .input-button.input-error{background:#fff7f7;border-color:#e35d5d}.login-modal-container .input-button.has-prefix{padding-left:72px}.login-modal-container .input-button-container:focus-within .icon-design{color:var(--color-accent-dark,#0d5667)}.login-modal-container .phone-prefix{height:22px;color:var(--color-text-primary,#15171c);z-index:2;border-right:1px solid #dce7ea;align-items:center;padding-right:11px;font-size:14px;font-weight:800;display:inline-flex;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.login-modal-container .otp-sent-note{color:var(--color-text-secondary,#5e6470);justify-content:space-between;align-items:center;gap:10px;margin:0 2px 10px;font-size:12px;display:flex}.login-modal-container .otp-sent-note strong{color:var(--color-text-primary,#15171c);font-weight:700}.login-modal-container .otp-sent-note .link-btn{color:var(--color-accent-dark,#0d5667);cursor:pointer;background:0 0;border:0;flex:none;padding:0;font-size:12px;font-weight:800}.login-modal-container .otp-sent-note .link-btn:hover{text-decoration:underline}.login-modal-container .otp-info{text-align:center;margin:0 0 14px}.login-modal-container .otp-info p{color:var(--color-text-secondary,#5e6470);margin:0;font-size:12.5px;line-height:1.5}.login-modal-container .otp-info span{color:var(--color-text-primary,#15171c);background:#f0fafb;border:1px solid #d6eef2;border-radius:999px;margin-left:4px;padding:3px 9px;font-size:12px;font-weight:700;display:inline-block}.login-modal-container .field-error,.login-modal-container .creat-user-container .input-container>p{color:#dc4c4c;margin:-4px 0 10px 4px;font-size:12px;font-weight:600}.login-modal-container .error-container{background:#fff4f4;border:1px solid #f4d2d2;border-radius:10px;margin:0 0 12px;padding:9px 12px}.login-modal-container .error-container p{color:#c0392b;margin:0;font-size:12px;font-weight:600}.login-modal-container .update-button-container{width:100%;margin:4px 0 0;display:block}.login-modal-container .update-button{width:100%;height:auto;display:block}.login-modal-container .loader{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite loginSpin;display:inline-block}.login-modal-container .login-primary-btn,.login-modal-container .login-with-otp-btn,.login-modal-container .login-after-signup-btn{color:#fff;letter-spacing:.01em;cursor:pointer;border:0;width:100%;height:50px;font-size:14.5px;font-weight:700;transition:background-color .18s,transform .18s,box-shadow .18s;box-shadow:0 12px 24px -14px #00324599;background:var(--color-accent,#003245)!important;border-radius:999px!important}.login-modal-container .login-primary-btn:hover:not(:disabled),.login-modal-container .login-with-otp-btn:hover:not(:disabled),.login-modal-container .login-after-signup-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 28px -14px #00324599;background:var(--color-accent-hover,#007f97)!important}.login-modal-container .login-primary-btn:active:not(:disabled),.login-modal-container .login-with-otp-btn:active:not(:disabled),.login-modal-container .login-after-signup-btn:active:not(:disabled){transform:translateY(0)scale(.995)}.login-modal-container .login-primary-btn:disabled,.login-modal-container .login-with-otp-btn:disabled,.login-modal-container .login-after-signup-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.login-modal-container .otp-footer-container{justify-content:space-between;align-items:center;gap:12px;margin:14px 2px 0;display:flex}.login-modal-container .otp-footer-container .login-modal-footer,.login-modal-container .otp-footer-container .resend-otp-btn{color:var(--color-accent-dark,#0d5667);cursor:pointer;background:0 0;border:0;padding:0;font-size:12.5px;font-weight:800}.login-modal-container .otp-footer-container .login-modal-footer:hover,.login-modal-container .otp-footer-container .resend-otp-btn:hover{text-decoration:underline}.login-modal-container .otp-footer-container .resend-timer{color:#7b8790;cursor:default;font-size:12px;font-weight:600}.login-modal-container .otp-footer-container .resend-timer span{color:var(--color-text-primary,#15171c);font-variant-numeric:tabular-nums}.login-modal-container .login-pin-container .login-modal-footer{text-align:center;color:var(--color-accent-dark,#0d5667);cursor:pointer;margin-top:14px;font-size:12.5px;font-weight:800}.login-modal-container .login-pin-container .login-modal-footer:hover{text-decoration:underline}.login-modal-container .marketing-consent{margin-top:14px}.login-modal-container .marketing-consent__label{cursor:pointer;align-items:flex-start;gap:9px;display:flex}.login-modal-container .marketing-consent__label input[type=checkbox]{width:15px;height:15px;accent-color:var(--color-accent,#003245);cursor:pointer;flex:none;margin-top:1px}.login-modal-container .marketing-consent__label span{color:#6b7580;font-size:11.5px;line-height:1.5}@media (prefers-reduced-motion:reduce){.login-modal-overlay,.login-modal-container{animation:none}.login-modal-container .login-with-otp-btn,.login-modal-container .login-after-signup-btn,.login-modal-container .login-primary-btn,.login-modal-container .loader{transition:none;animation-duration:1.6s}}