@keyframes scaleAnimation {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}

.animated-logo {
  animation: scaleAnimation 3s ease-in-out infinite;
  transform-origin: center;
}

@keyframes pulseSquare {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.06);
  }
  100% {
    transform: scale(1);
  }
}

.purple-square {
  animation: pulseSquare 3s infinite ease-in-out;
  transform-origin: center;
  transform-box: fill-box;
}

/* Стили для альтернативной анимации */
.svg-container-animated {
    display: block;
    width: 100%;
    height: auto;
    transition: transform 0.3s ease;
}

.svg-container-animated:hover {
    transform: scale(1.05);
}

.svg-container-animated #Frame43 {
    animation: rotateFrame 4s ease-in-out infinite;
    transform-origin: center;
}

.svg-container-animated #Frame44 {
    animation: rotateFrameAlt 4s ease-in-out infinite;
    transform-origin: center;
}

@keyframes rotateFrame {
    0%, 100% { transform: rotate(0deg); }
    50% { transform: rotate(-4deg); }
}

@keyframes rotateFrameAlt {
    0%, 100% { transform: rotate(0deg); }
    50% { transform: rotate(-2deg); }
}