#login-section{width:100%;height:100vh;display:flex}#login-section .login-left{color:#fff;background:url(../media/loginBg.972bcf46.png) 50%/cover no-repeat;flex-direction:column;flex:1;justify-content:flex-end;padding:50px;display:flex;position:relative}#login-section .login-left .bottom-line{z-index:2;background-color:#ffffff36;height:1px;margin:24px 0;position:relative}#login-section .login-left .loginp-left-img{object-fit:contain;z-index:1;width:810px;height:820px;position:absolute;bottom:0;right:-100px}#login-section .overlay-box{z-index:2;background:#1e1e1e66;border:1px solid #9594944d;border-radius:30px;margin-bottom:20px;padding:30px 42px;position:relative}#login-section .overlay-box .box-hd{margin-bottom:10px;font-size:36px;font-weight:600}#login-section .overlay-box .box-para{font-size:16px;font-weight:400;line-height:1.6}#login-section .register-link{color:#fff;z-index:2;align-self:flex-start;font-size:16px;font-weight:500;text-decoration:underline;position:relative}#login-section .login-right{background:linear-gradient(#fff,#f8f5f5);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;position:relative}#login-section .login-right .right-content{z-index:2;text-align:center;width:100%;max-width:584px;position:relative}#login-section .login-right .lagniappe-logo{object-fit:contain;width:181px;height:146px;margin-bottom:44px}#login-section .login-right .blur-shadow{z-index:1;width:100%;height:100vh;position:absolute;top:0;right:0}#login-section .login-card{text-align:left;background:#fff;border-radius:12px;width:100%;padding:40px}#login-section .logo{text-align:center;margin-bottom:20px}#login-section .logo h1{letter-spacing:2px;font-size:3rem}#login-section .L{color:#6e2b1a}#login-section .R{color:#333}#login-section .G{color:#9b3f2c}#login-section .logo-sub{color:#777;font-size:.9rem}#login-section .login-title{color:var(--gray);margin-bottom:10px;font-size:36px;font-weight:700}#login-section .subtitle{color:var(--gray);margin-bottom:25px;font-size:16px;font-weight:400}#login-section .login-form label{color:var(--gray);margin-bottom:4px;font-size:16px;font-weight:400}#login-section .input-wrapper{margin-top:5px;margin-bottom:20px;position:relative}#login-section .input-wrapper .email-icon{position:absolute;top:13px;left:10px}#login-section .input-wrapper .password-icon{cursor:pointer;position:absolute;top:13px;right:10px}#login-section .input-wrapper input{width:100%;height:44px;font-size:16px;font-family:var(--font-nunito);border:1px solid #c2c3c7;border-radius:8px;outline:none;padding:10px 12px 10px 35px;transition:all .3s}#login-section .input-wrapper .password-input-wrapper{padding:10px 12px}#login-section .input-wrapper input:focus{border-color:#9b3f2c}#login-section .options{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}#login-section .remember{color:#555;font-size:.9rem}#login-section .forgot-link{color:var(--gray);font-size:14px;font-weight:500}#login-section .terms{text-align:center;width:100%;max-width:322px;color:var(--gray);margin:0 auto;padding-top:45px;font-size:16px;font-weight:500}#login-section .terms a{color:#9b3f2c;text-decoration:none}#login-section .terms a:hover{text-decoration:underline}#login-section .custom-checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:.9rem;display:flex;position:relative;color:var(--primary)!important}#login-section .custom-checkbox input{opacity:0;cursor:pointer;position:absolute}#login-section .custom-checkbox .checkmark{border:2px solid #9b3f2c;border-radius:4px;width:16px;height:16px;transition:all .3s;display:inline-block;position:relative}#login-section .custom-checkbox .checkmark:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;display:none;position:absolute;top:0;left:4px;transform:rotate(45deg)}#login-section .custom-checkbox input:checked~.checkmark{background-color:#9b3f2c;border-color:#9b3f2c}#login-section .custom-checkbox input:checked~.checkmark:after{display:block}#login-section .custom-checkbox:hover .checkmark{border-color:#742b1f}#login-section .twofa-container{text-align:center}#login-section .icon-circle .factor-icon{object-fit:contain;width:70px;height:70px}#login-section .twofa-title{color:var(--gray);margin-bottom:10px;font-size:36px;font-weight:700}#login-section .twofa-text{color:var(--gray);margin-bottom:25px;font-size:16px;font-weight:400}#login-section .email-factor{font-weight:700}#login-section .twofa-form{flex-direction:column;align-items:center;display:flex}#login-section .code-inputs{justify-content:center;gap:18px;margin-bottom:25px;display:flex}#login-section .code-inputs input{text-align:center;border:1px solid var(--gray);width:110px;height:76px;color:var(--primary);border-radius:8px;outline:none;font-family:Playfair Display,serif;font-size:44px;font-weight:700;transition:all .3s}#login-section .code-inputs input.otp-filled{border-width:1px;border-color:#0cb577!important}#login-section .code-inputs input:focus{border-color:var(--primary);outline:none}#login-section .twofa-form .error-message{text-align:center;color:#f44;margin-top:10px;margin-bottom:15px}#login-section .code-inputs input:disabled{cursor:not-allowed;background-color:#f5f5f5}#login-section .login-btn:disabled{opacity:.6;cursor:not-allowed}#login-section .resend-text{color:var(--gray);margin-top:24px;font-size:16px}#login-section .resend-text a{color:var(--primary);font-weight:700}#login-section .back-login{color:var(--gray);cursor:pointer;background:0 0;border:none;font-size:16px;font-weight:700;text-decoration:underline}#login-section .factor-btn{align-items:center;gap:5px;margin-top:34px;display:flex}#login-section .fade-enter{opacity:0;transform:translateY(10px)}#login-section .fade-enter-active{opacity:1;transition:opacity .4s,transform .4s;transform:translateY(0)}#login-section .fade-exit{opacity:1;transform:translateY(0)}#login-section .fade-exit-active{opacity:0;transition:opacity .4s,transform .4s;transform:translateY(-10px)}#login-section .forgot-card{text-align:center}#login-section .step-dots{justify-content:center;gap:8px;margin-top:25px;display:flex}#login-section .step-dots .dot{background:#ddd;border-radius:6px;width:104px;height:4px;transition:all .3s}#login-section .step-dots .dot.active{background:#9b3f2c}#login-section .forgot-card .input-wrapper i{top:13px}#login-section .forgot-card .icon-circle .auth-icon{object-fit:contain;width:40px;height:40px}#login-section .input-wrapper.error,#login-section .input-wrapper.error-input,#login-section input.error-input{border-color:#f44!important}#login-section .error-message{color:#f44;margin-top:-15px;margin-bottom:10px;padding-left:12px;font-size:12px;animation:.3s slideDown}#login-section .forgot-btn-container{flex-direction:column;align-items:center;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}#login-section .password-eye-icon{cursor:pointer;z-index:2;transition:fill .3s;position:absolute;top:13px;right:10px}#login-section .password-eye-icon:hover{fill:#9b3f2c}#login-section .password-input-wrapper{padding-right:40px!important}#login-section .input-wrapper.error:focus-within{border-color:#f44;box-shadow:0 0 0 2px #ff44441a}.input-wrapper.success{border:1px solid #22c55e;border-radius:8px}.password-requirements{flex-direction:column;gap:6px;margin-top:10px;margin-bottom:18px;display:flex}.requirement-item{color:#7b7b7b;align-items:center;gap:8px;font-size:13px;display:flex}.requirement-item svg{color:#b8b8b8;flex-shrink:0}.requirement-item.valid,.requirement-item.valid svg{color:#22c55e}@media (max-width:1420px){#login-section .login-left .loginp-left-img{height:716px}#login-section .login-right{padding:0 20px}}@media (max-width:1165px){#login-section .login-left .loginp-left-img{height:592px;right:-169px}#login-section .overlay-box .box-hd{font-size:24px}#login-section .overlay-box .box-para{font-size:14px}#login-section .overlay-box{margin-bottom:0;padding:20px}#login-section .login-title{font-size:24px}#login-section .login-right .lagniappe-logo{width:134px;height:104px;margin-bottom:24px}#login-section .code-inputs input{width:56px;height:46px;font-size:24px}#login-section .twofa-title{font-size:20px}#login-section .twofa-text,#login-section .resend-text{font-size:14px}#login-section .step-dots .dot{width:44px}}@media (max-width:875px){#login-section .login-left .loginp-left-img{width:748px;height:480px;right:-190px}}@media (max-width:789px){#login-section{flex-direction:column}#login-section .login-right .right-content{flex-direction:column;align-items:center;display:flex}#login-section .login-left{display:none}#login-section .login-card{width:100%;padding:24px}}@media (max-width:420px){#login-section .login-title{font-size:20px}#login-section .subtitle{margin-bottom:19px;font-size:14px;font-weight:400}#login-section .login-form label{font-size:14px}#login-section .login-right .lagniappe-logo{width:120px;height:82px;margin-bottom:18px}}