.auth-container{margin:0 auto;padding:0;font-family:"InterDisplay",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background-color:#fff;position:relative;overflow:hidden;min-width:591px}
.floating-label{position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:14px;line-height:20px;color:#666;font-family:'Inter';font-weight:400;pointer-events:none;transition:transform .2s ease,font-size .2s ease,color .2s ease,top .2s ease}
.floating-group{position:relative;width:100%}
.auth-input:focus+.floating-label,.auth-input:not(:placeholder-shown)+.floating-label{top:0;transform:translateY(-100%);font-size:12px;color:#0f1010}
#login-otp-screen,#signup-screen,#success-screen{display:none}
#signup-screen .auth-heading{margin:40px 0 40px 0}
.auth-screen{display:flex;flex-direction:column;padding:42px 65px;height:100%;box-sizing:border-box;position:relative}
.auth-heading{font-weight:800;font-size:40px;text-transform:uppercase;margin:96px 0 40px 0;color:#000;letter-spacing:.5px;line-height:1.2}
.auth-input{border:0;border-bottom:1px solid #e0e0e0;padding:12px 0;font-size:16px;outline:0;background:transparent;color:#000;width:100%;font-family:'Inter';font-weight:400}
.auth-input::placeholder{color:#666;font-weight:400}
.auth-input:focus{border-bottom-color:#00a7a0}
.auth-btn{background-color:#05a8a3;color:#0f1010;font-family:'Inter' !important;border:0;border-radius:8px;padding:16px 24px;font-weight:800;font-size:16px;cursor:pointer;width:100%;margin-top:10px;transition:background-color .2s ease;letter-spacing:.5px}
.auth-btn:hover{background-color:#05a8a9}
.auth-btn:active{background-color:#05a8a9}
.auth-btn:disabled,.auth-btn.disabled,button.auth-btn:disabled{background:linear-gradient(0,rgba(255,255,255,0.6),rgba(255,255,255,0.6)),#00a8a3 !important;color:#00a8a3 !important;border:0;cursor:not-allowed;pointer-events:none}
.auth-btn:disabled:hover,.auth-btn:disabled:active,.auth-btn.disabled:hover,.auth-btn.disabled:active{background:linear-gradient(0,rgba(255,255,255,0.6),rgba(255,255,255,0.6)),#00a8a3 !important;color:#00a8a3 !important}
.auth-agree{font-size:13px;color:#666;line-height:1.4;margin:20px 0}
.auth-agree a{color:#000;font-weight:700;text-decoration:none}
.auth-agree a:hover{text-decoration:underline}
.otp-container{display:flex;justify-content:space-between;gap:15px;margin:30px 0}
.auth-field-signup-container{display:flex;flex-direction:column;gap:20px}
.auth-checkbox-signup-container{margin-top:28px}
.otp-input{width:100%;height:50px;font-size:20px;text-align:center;border:0;border-bottom:1px solid #219653;outline:0;transition:.2s;background:transparent;color:#000;font-weight:600}
.otp-input:focus{border-bottom-color:#00a7a0}
.otp-input::placeholder{color:#000;font-size:16px;font-weight:400}
.otp-input.hide{display:none}
.resend-info{text-align:left;font-size:13px;color:#000;margin:20px 0;line-height:1.4;font-weight:400}
.resend-info a{color:#727272;text-decoration:none;font-weight:400}
.resend-info span{font-weight:400;color:#000}
.checkboxes{display:flex;flex-direction:column;gap:15px;font-size:13px;margin:20px 0}
.auth-field{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}
.auth-checkbox{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:13px;line-height:1.4;color:#666}
.auth-checkbox input[type="checkbox"]{display:none}
.auth-checkbox-custom{width:18px;height:18px;border:2px solid #e0e0e0;border-radius:3px;background-color:#fff;position:relative;flex-shrink:0;margin-top:2px;transition:all .2s ease}
.loader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,1) !important;display:none;justify-content:center;align-items:center;z-index:9999999;img{width:100px !important}
}
.loader.active{display:flex}
.auth-checkbox input[type="checkbox"]:checked+.auth-checkbox-custom{background-color:#acdd00;border-color:#acdd00}
.auth-checkbox input[type="checkbox"]:checked+.auth-checkbox-custom::after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#000;font-size:12px;font-weight:bold}
.auth-checkbox-text{flex:1}
.auth-checkbox-text p{font-weight:400;font-size:14px}
.auth-checkbox-text a{text-decoration:none;color:#212121;font-weight:600}
.auth-checkbox-text strong{color:#000;font-weight:700}
.auth-select-wrapper{position:relative}
.auth-select-wrapper{position:relative}
.auth-select{width:100%;border:0;border-bottom:1px solid #bdbdbd;font-size:16px;line-height:40px;font-weight:400;outline:0;background:transparent;color:#0f1010;appearance:none;cursor:pointer}
.auth-select-arrow{position:absolute;right:0;top:50%;transform:translateY(-50%);color:#666;pointer-events:none}
.validation{color:#ff6161;display:none}
#login-resendOtp{pointer-events:none;.resendOtp-text{display:contents}
.resendOtp-btn{font-weight:bold;color:#05a8a3;cursor:pointer;display:none}
}
#login-resendOtp.active{pointer-events:auto;.resendOtp-text{display:none}
.resendOtp-btn{display:contents}
}
.mobile{display:none}
.back-button-icon-desktop{display:block}
.back-button-icon-mobile{display:none}
.back-button{position:relative;top:12px;font-size:24px;text-decoration:none;color:#000;z-index:10;padding:8px;border-radius:50%;transition:background-color .2s ease}
.back-button-icon-desktop{padding-left:60px}
.back-button:hover{background-color:#f5f5f5}
.back-button svg{display:block}
.welcome-text{font-size:40px;font-weight:800;margin:0 60px 48px 60px;text-transform:uppercase;line-height:1;color:#000;text-align:center;font-family:'FlyingFlea-Bold'}
.welcome-text span{width:312px;font-size:20px;font-family:'Inter';text-transform:capitalize;font-weight:600}
.check-icon{display:flex;justify-content:center;margin:0 0 25px}
.check-icon svg{width:55px;height:54px}
.benefits-card{background-color:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:24px 48px;width:100%;box-shadow:0 1px 4px rgba(0,0,0,0.05);text-align:left}
.benefits-card h3{font-size:20px;font-weight:600;color:#000;margin-bottom:16px;line-height:140%}
.benefits-card ul{list-style:none;padding:0;margin:0}
.benefits-card li{color:#7b7b7b;font-size:16px;margin:8px 0;font-weight:400;position:relative;padding-left:22px;line-height:1.4;font-family:'Inter'}
.benefits-card li::before{content:"—";position:absolute;left:0;color:#00a7a0;font-weight:400}
.remind{color:#00a7a0;font-weight:600;margin:25px 0;cursor:pointer;text-align:center;text-decoration:none}
.remind a{color:#00a7a0;font-weight:600;margin:25px 0;cursor:pointer;text-align:center;text-decoration:none}
.btn-group{display:flex;gap:30px;margin:25px 0;justify-content:center}
.btn{padding:12px 20px;font-size:14px;font-weight:700;border-radius:8px;cursor:pointer;min-width:150px;transition:.2s ease-in-out;text-decoration:none;text-align:center;display:inline-block}
.btn-outline{background-color:#00a7a0;color:#000;width:50%;font-weight:800;font-size:16px}
.btn-outline:hover{background-color:#008f88}
.btn-fill{border:0;background-color:#00a7a0;color:#000;width:50%;font-weight:800;font-size:16px}
.btn-fill:hover{background-color:#008f88}
.btn:disabled,.btn.disabled,a.btn[aria-disabled="true"]{background:linear-gradient(0,rgba(255,255,255,0.6),rgba(255,255,255,0.6)),#00a7a0 !important;color:#00a7a0 !important;border:0;cursor:not-allowed;pointer-events:none}
.btn-outline:disabled,.btn-outline.disabled,a.btn.btn-outline[aria-disabled="true"]{background:linear-gradient(0,rgba(255,255,255,0.6),rgba(255,255,255,0.6)),#00a7a0 !important;color:#00a7a0 !important}
.btn-fill:disabled,.btn-fill.disabled,a.btn.btn-fill[aria-disabled="true"]{background:linear-gradient(0,rgba(255,255,255,0.6),rgba(255,255,255,0.6)),#00a7a0 !important;color:#00a7a0 !important}
.btn:disabled:hover,.btn:disabled:active,.btn.disabled:hover,.btn.disabled:active,.btn-outline:disabled:hover,.btn-outline:disabled:active,.btn-outline.disabled:hover,.btn-fill:disabled:hover,.btn-fill:disabled:active,.btn-fill.disabled:hover{background:linear-gradient(0,rgba(255,255,255,0.6),rgba(255,255,255,0.6)),#00a7a0 !important;color:#00a7a0 !important}
.otp-info{font-size:14px;color:#666;margin:12px 0 20px 0;line-height:1.4;font-weight:400}
.otp-info span{font-weight:600;color:#000}
#login-screen,#login-otp-screen,#signup-screen,#success-screen{transform:translateX(100%);opacity:0;transition:transform 1000ms ease-in-out,opacity 1000ms ease-in-out}
#login-screen.animate-in,#login-otp-screen.animate-in,#signup-screen.animate-in,#success-screen.animate-in{transform:translateX(0);opacity:1}
.auth-skip a{text-decoration:none;color:#00a7a0}
.auth-skip a span{margin-right:10px}
.auth-skip{margin:20px 5px}
@media(max-width:768px){.mobile{display:block}
.auth-skip{margin:32px 0 0 0}
.auth-skip a{display:flex;align-items:center}
.auth-skip a span{margin-right:18px}
.auth-container{min-width:auto}
.auth-screen{padding:24px}
.auth-heading{font-size:36px;margin:0 0 70px;transition:margin 800ms ease}
body.auth-loaded .auth-heading{margin:0 0 24px}
.auth-field{margin-bottom:24px}
.auth-btn{height:48px;padding:0}
.back-button-icon-desktop{display:none}
.back-button-icon-mobile{display:block}
.benefits-card{width:95%;margin:20px auto}
.btn-group{align-items:center;margin:25px 24px}
.btn{width:100%;max-width:300px;padding:0;height:48px;display:flex;align-items:center;justify-content:center}
.benefits-container-color{background:linear-gradient(0,#00a8a3 0,rgba(0,168,163,0.00) 100%);height:400px}
#login-screen,#login-otp-screen,#signup-screen,#success-screen{transform:none;transition:none}
.back-button{display:none;top:0;left:0;height:44px;box-shadow:0 3px 14px 0 #00000017;border-radius:0}
.resend-info{margin:20px 0 56px}
.otp-container{margin:30px 0 24px}
#login-otp-screen .auth-heading{transform:translateY(40px);transition:transform 800ms ease}
#login-otp-screen .otp-info{transform:translateY(60px);transition:transform 800ms ease}
#login-otp-screen .otp-container{transform:translateY(80px);transition:transform 800ms ease}
#login-otp-screen .resend-info{transform:translateY(100px);transition:transform 800ms ease}
#login-otp-screen .auth-btn{transform:translateY(120px);transition:transform 800ms ease}
#login-otp-screen.animate-in .auth-heading,#login-otp-screen.animate-in .otp-info,#login-otp-screen.animate-in .otp-container,#login-otp-screen.animate-in .resend-info,#login-otp-screen.animate-in .auth-btn{transform:translateY(0)}
#signup-screen .auth-heading{transform:translateY(40px);transition:transform 800ms ease}
#signup-screen #firstName-field{transform:translateY(60px);transition:transform 800ms ease}
#signup-screen #lastName-field{transform:translateY(80px);transition:transform 800ms ease}
#signup-screen #mobileNo-field{transform:translateY(100px);transition:transform 800ms ease}
#signup-screen #language-field{transform:translateY(120px);transition:transform 800ms ease}
#signup-screen #terms:first-child{transform:translateY(140px);transition:transform 800ms ease}
#signup-screen #terms:nth-child(2){transform:translateY(160px);transition:transform 800ms ease}
#signup-screen #signup-continue{transform:translateY(180px);transition:transform 800ms ease}
#signup-screen.animate-in .auth-heading,#signup-screen.animate-in #firstName-field,#signup-screen.animate-in #lastName-field,#signup-screen.animate-in #mobileNo-field,#signup-screen.animate-in #language-field,#signup-screen.animate-in #terms:first-child,#signup-screen.animate-in #terms:nth-child(2),#signup-screen.animate-in #signup-continue{transform:translateY(0)}
#signupForm{height:100%;display:flex;flex-direction:column}
#success-screen{padding:74px 0 0}
.benefits-container{position:absolute;bottom:0;border-radius:16px 16px 0 0;background:white}
.benefits-card{border:0;box-shadow:none;margin:0;width:100%}
#signup-screen{overflow-y:auto}
#signup-screen .auth-heading{margin:8px 0 32px}
.carousel-item .mobile{display:block}
.carousel-item .carousel-skip{display:none}
}
@media(max-width:480px) and (max-height:700px){.auth-container{height:58vh}
}
#email-field.active,#mobileNo-field.active{display:block}
#email-field,#mobileNo-field{display:none}
.otp-input.invalid-otp{border-bottom:1px solid red}
.validation.active{display:block !important}
.header-navbar{display:none !important}