.ticker-container {
  overflow: hidden;
  white-space: nowrap;
}

.ticker-content {
  display: inline-block;
  animation: ticker 20s linear infinite;
}

.rainbow-text span {
  display: inline-block;
  background: linear-gradient(90deg, #aa4c4c, #b88040, #c0c040, #40a87a, #40a0c0, #4060c0, #8040b8);
  background-size: 400%;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  animation: rainbowShift 4s linear infinite;
}

@keyframes ticker {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

@keyframes rainbowShift {
  0% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}