@keyframes complexMove {
  0% {
    transform: translateX(0) translateY(0) scale(1);
    opacity: 1;
  }
  25% {
    transform: translateX(100px) translateY(-50px) scale(1.2);
    opacity: 0.8;
  }
  50% {
    transform: translateX(100px) translateY(50px) scale(0.8);
    opacity: 0.6;
  }
  75% {
    transform: translateX(-50px) translateY(25px) scale(1.1);
    opacity: 0.9;
  }
  100% {
    transform: translateX(0) translateY(0) scale(1);
    opacity: 1;
  }
}

.complex-element {
  width: 60px;
  height: 60px;
  background: linear-gradient(45deg, #ff9a9e 0%, #fecfef 50%, #fecfef 100%);
  border-radius: 50%;
  margin: 60px;
  animation: complexMove 4s ease-in-out infinite;
}