/* Animated Logo Styles */
#logo-circle {
  animation: rotate 20s linear infinite;
  transform-origin: center;
}

#logo-chart {
  animation: pulse 2s ease-in-out infinite;
}

#logo-signal-1 {
  animation: blink 1.5s ease-in-out infinite;
  animation-delay: 0s;
}

#logo-signal-2 {
  animation: blink 1.5s ease-in-out infinite;
  animation-delay: 0.5s;
}

#logo-signal-3 {
  animation: blink 1.5s ease-in-out infinite;
  animation-delay: 1s;
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes pulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.8;
    transform: scale(1.05);
  }
}

@keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
}