.login-container{box-sizing:border-box;background-color:#f9fafb;justify-content:center;align-items:center;min-height:100vh;display:flex}.login-container .login-card{background-color:#fff;border-radius:20px;width:100%;max-width:1200px;height:800px;display:flex;overflow:hidden}.login-container .login-card .left-pane{flex-direction:column;flex:1;display:flex;position:relative}.login-container .login-card .left-pane .email-form{flex-direction:column;height:100%;display:flex;overflow-y:auto}.login-container .login-card .left-pane .email-form::-webkit-scrollbar{background:0 0;width:0}.login-container .login-card .left-pane .email-form .logo-container-step2{margin-bottom:30px}.login-container .login-card .left-pane .email-form .logo-container-step2 .brand-logo{-o-object-fit:contain;object-fit:contain;height:40px}.login-container .login-card .left-pane .email-form .back-btn{color:#666;cursor:pointer;background:0 0;border:none;align-self:flex-start;align-items:center;margin-bottom:30px;font-size:16px;display:flex}.login-container .login-card .left-pane .email-form .back-btn:hover{color:#10b981}.login-container .login-card .left-pane .email-form form{flex-direction:column;align-items:flex-start;width:100%;max-width:450px;margin:0;display:flex}.login-container .login-card .left-pane .email-form form .form-fields{flex-direction:column;gap:20px;width:100%;display:flex}.login-container .login-card .left-pane .email-form form .form-fields h1{color:#1a1a1a;margin-bottom:5px;font-size:28px;font-weight:700}.login-container .login-card .left-pane .email-form form .form-fields .demo-accounts-bar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:8px;margin-bottom:10px;padding:12px;display:flex}.login-container .login-card .left-pane .email-form form .form-fields .demo-accounts-bar .demo-title{color:#64748b;font-size:13px;font-weight:600}.login-container .login-card .left-pane .email-form form .form-fields .demo-accounts-bar .demo-btns{gap:10px;display:flex}.login-container .login-card .left-pane .email-form form .form-fields .demo-accounts-bar .demo-btns .demo-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;flex:1;padding:8px 12px;font-size:13px;font-weight:500;transition:all .2s}.login-container .login-card .left-pane .email-form form .form-fields .demo-accounts-bar .demo-btns .demo-btn:hover{color:#10b981;background:#f0fdf4;border-color:#10b981}.login-container .login-card .left-pane .email-form form .form-fields .demo-accounts-bar .demo-btns .demo-btn.active{color:#fff;background:#10b981;border-color:#10b981}.login-container .login-card .left-pane .email-form form .form-fields .input-group{flex-direction:column;gap:8px;display:flex}.login-container .login-card .left-pane .email-form form .form-fields .input-group label{color:#333;font-size:15px;font-weight:600}.login-container .login-card .left-pane .email-form form .form-fields .input-group input{box-sizing:border-box;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;width:100%;padding:14px;font-size:15px;transition:border-color .2s}.login-container .login-card .left-pane .email-form form .form-fields .input-group input:focus{border-color:#10b981;outline:none}.login-container .login-card .left-pane .email-form form .form-fields .input-group .password-input-wrapper{align-items:center;display:flex;position:relative}.login-container .login-card .left-pane .email-form form .form-fields .input-group .password-input-wrapper input{padding-right:45px}.login-container .login-card .left-pane .email-form form .form-fields .input-group .password-input-wrapper .eye-btn{color:#888;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:20px;display:flex;position:absolute;right:15px}.login-container .login-card .left-pane .email-form form .form-fields .input-group .password-input-wrapper .eye-btn:hover{color:#555}.login-container .login-card .left-pane .email-form form .form-fields .input-group .forgot-password{align-self:flex-end;margin-top:4px}.login-container .login-card .left-pane .email-form form .form-fields .input-group .forgot-password a{color:#999;font-size:13px;text-decoration:none}.login-container .login-card .left-pane .email-form form .form-fields .input-group .forgot-password a:hover{color:#666;text-decoration:underline}.login-container .login-card .left-pane .email-form form .form-fields .input-group .inline-error{align-items:center;gap:8px;margin-top:4px;display:flex}.login-container .login-card .left-pane .email-form form .form-fields .input-group .inline-error .error-icon{color:#fff;background-color:#f87171;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:11px;font-weight:700;display:flex}.login-container .login-card .left-pane .email-form form .form-fields .input-group .inline-error .error-text{color:#f87171;font-size:13px}.login-container .login-card .left-pane .email-form form .form-fields .submit-btn{color:#fff;cursor:pointer;background-color:#10b981;border:none;border-radius:8px;margin-top:20px;padding:16px;font-size:16px;font-weight:600;transition:background-color .2s}.login-container .login-card .left-pane .email-form form .form-fields .submit-btn:hover{background-color:#059669}.login-container .login-card .left-pane .email-form form .form-fields .submit-btn:disabled{cursor:not-allowed;background-color:#71cfb2}.login-container .login-card .left-pane .email-form .auth-footer-step2{text-align:left;width:100%;margin-top:auto;padding-top:40px}.login-container .login-card .left-pane .email-form .auth-footer-step2 .copyright{color:#aaa;font-size:13px}.login-container .login-card .right-pane{background-color:#000;flex:1;position:relative}.login-container .login-card .right-pane .cover-image{-o-object-fit:cover;object-fit:cover;opacity:.8;width:100%;height:100%}.login-container .login-card .right-pane .testimonial-overlay{position:absolute;bottom:40px;left:40px;right:40px}.login-container .login-card .right-pane .testimonial-overlay p{color:#fff;text-shadow:0 2px 4px #00000080;font-size:18px;font-weight:500;line-height:1.6}@media (max-width:900px){.login-container .login-card{height:auto;min-height:600px}.login-container .login-card .right-pane{display:none}.login-container .login-card .left-pane{padding:40px}}@media (max-width:600px){.login-container .login-card .left-pane{padding:30px 20px}.login-container{padding:16px}}