/* Micro-animations and Keyframes */
@keyframes pulseGlow {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(2, 132, 199, 0.4);
  }
  50% {
    box-shadow: 0 0 0 10px rgba(2, 132, 199, 0);
  }
}

@keyframes floatUpDown {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-6px);
  }
}

@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}

.pulse-element {
  animation: pulseGlow 2.5s infinite;
}

.float-element {
  animation: floatUpDown 4s ease-in-out infinite;
}

.shimmer-text {
  background: linear-gradient(90deg, #FFFFFF 0%, #38BDF8 50%, #FFFFFF 100%);
  background-size: 200% 100%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shimmer 3s infinite;
}