.login-form .login-box{width:100%;box-shadow:none;background:#fff;border:none;border-radius:20px;flex-direction:column;align-items:center;gap:10px;padding:10px 20px 20px;display:flex}.login-form .login-box h1{text-transform:uppercase;color:#000;justify-content:center;align-items:center;height:50px;margin:0;font-size:20px;font-weight:500;line-height:30px;display:flex}.login-form .login-box .form-container,.login-form .login-box form{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.login-form .login-box .form-group{flex-direction:column;width:100%;margin:0;display:flex}.login-form .login-box .form-label{color:#000;margin:0;font-size:14px;font-weight:400;line-height:21px;display:block}.login-form .login-box .form-input{color:#000;background:#f7f8fa;border:1px solid #dbe0e4;border-radius:25px;width:100%;height:48px;padding:10px 20px;font-size:12px;line-height:18px;transition:border-color .2s}.login-form .login-box .form-input::placeholder{color:#848484}.login-form .login-box .form-input:focus{border-color:var(--brand-mid);background:#f7f8fa;outline:none}.login-form .login-box .password-wrapper{width:100%;position:relative}.login-form .login-box .password-wrapper .form-input{padding-right:52px}.login-form .login-box .password-toggle{color:#848484;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.login-form .login-box .remember-me-container{justify-content:center;align-items:center;height:50px;margin:0;display:flex}.login-form .login-box .remember-radio{cursor:pointer;align-items:center;gap:4px;display:flex}.login-form .login-box .radio-input{background:0 0;border:1px solid #dbe0e4;border-radius:30px;justify-content:center;align-items:center;width:24px;height:24px;margin:0;display:flex}.login-form .login-box .radio-input.checked{border-color:var(--brand-mid);background:0 0}.login-form .login-box .check-icon{width:22px;height:22px;font-size:inherit;color:var(--brand-mid)}.login-form .login-box .checkbox-label{color:#000;-webkit-user-select:none;user-select:none;font-size:12px;font-weight:400;line-height:18px}.login-form .login-box .button-container{justify-content:center;width:100%;margin:0;display:flex}.login-form .login-box .login-button{background:linear-gradient(90deg,var(--brand-light)0%,var(--brand-mid)100%);border:1px solid var(--brand-glow);width:200px;height:40px;box-shadow:0 0 4px var(--brand-glow);letter-spacing:normal;text-transform:uppercase;color:#fff;cursor:pointer;border-radius:5px;justify-content:center;align-items:center;padding:8px 40px;font-size:16px;font-weight:400;line-height:24px;display:flex}.login-form .login-box .login-button:disabled{opacity:.6;cursor:not-allowed}.login-form .dialog-content .login-button{color:#fff;border:none;border-radius:5px;justify-content:center;align-items:center;display:flex}body.dark .login-form .login-box{background:#1f2933}body.dark .login-form .login-box h1,body.dark .login-form .login-box .form-label,body.dark .login-form .login-box .checkbox-label{color:#fff}body.dark .login-form .login-box .form-input{color:#fff;background:#28333c;border-color:#2d3748}body.dark .login-form .login-box .form-input::placeholder{color:#94a3b8}body.dark .login-form .logo-container{filter:none}body.dark .login-form .dialog-content p{color:#000}
