.login-container{width:100%;height:100vh;min-height:100vh;overflow:hidden;display:flex}.login-container .login-wrapper{align-items:center;justify-content:center;background-color:#fff;display:flex;width:100%;min-height:100vh}.login-container .login-wrapper .login-form{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;margin:auto}.login-container .login-wrapper .login-form h1{color:#6db582;font-size:28px;font-weight:600;margin-bottom:10px}.login-container .login-wrapper .login-form p{width:300px;color:#8a9ba8;font-size:14px;margin-bottom:36px}.login-container .login-wrapper .login-form label{display:block;margin-bottom:8px;color:#202124;font-size:14px;font-weight:500}.login-container .login-wrapper .login-form .input-login{width:350px;height:50px;padding:12px;border:1px solid #e5e7eb;border-radius:15px;font-size:14px;color:#202124;background-color:#fff;transition:border-color .2s;margin-bottom:20px}.login-container .login-wrapper .login-form .input-login::-moz-placeholder{color:rgba(156,163,175,.827)}.login-container .login-wrapper .login-form .input-login::placeholder{color:rgba(156,163,175,.827)}.login-container .login-wrapper .login-form .input-login:focus{outline:none;border-color:#6db582}.login-container .login-wrapper .login-form .form-options{margin-bottom:24px;width:100%;display:flex;align-items:center}.login-container .login-wrapper .login-form .form-options .switch{margin-top:4px;display:inline-flex;align-items:center;cursor:pointer}.login-container .login-wrapper .login-form .form-options .switch input[type=checkbox]{display:none}.login-container .login-wrapper .login-form .form-options .switch input[type=checkbox]:checked+.slider{background-color:#6db582}.login-container .login-wrapper .login-form .form-options .switch input[type=checkbox]:checked+.slider:before{transform:translateX(16px)}.login-container .login-wrapper .login-form .form-options .switch .slider{width:36px;height:20px;background-color:#e5e7eb;border-radius:20px;margin-right:8px;position:relative;transition:.3s}.login-container .login-wrapper .login-form .form-options .switch .slider:before{content:"";position:absolute;width:16px;height:16px;background-color:#fff;border-radius:50%;left:2px;top:2px;transition:.3s}.login-container .login-wrapper .login-form .form-options .switch .label-text{color:#6b7280;font-size:14px}.login-container .login-wrapper .login-form button{width:350px;height:45px;border-radius:12px;padding:12px;background-color:#6db582;color:#fff;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s;margin-bottom:24px}.login-container .login-wrapper .login-form button:hover{background-color:#5cac74}.login-container .login-wrapper .login-form .forgot-password{width:100%;font-size:14px;display:flex;justify-content:center}.login-container .login-wrapper .login-form .forgot-password span{color:#6b7280}.login-container .login-wrapper .login-form .forgot-password a{color:#6db582;text-decoration:none;margin-left:4px}.login-container .login-wrapper .login-form .forgot-password a:hover{text-decoration:underline}.login-container .login-wrapper .banner{max-width:50%;height:100%;border-radius:20px 0 0 25px}.backLogin{display:flex;text-align:center;justify-content:center}.code-input{width:50px;height:50px;text-align:center;border-width:2px;border-color:#d1d5db;border-radius:13px}.code-input:focus{border-color:#6db582;outline:none}@media(max-width:1024px){.login-wrapper .login-form{padding:80px 60px}}@media(max-width:768px){.login-wrapper{flex-direction:column}.login-wrapper .login-form{flex:1;padding:40px 24px;max-width:100%}.login-wrapper .login-banner{display:none}}