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

@keyframes pingGlow {
  0% { box-shadow: 0 0 0 0 rgba(108,77,246,0.24); }
  70% { box-shadow: 0 0 0 18px rgba(108,77,246,0); }
  100% { box-shadow: 0 0 0 0 rgba(108,77,246,0); }
}

.floating {
  animation: floatY 5s ease-in-out infinite;
}

.pulse-glow {
  animation: pingGlow 2.2s infinite;
}

.fade-in {
  animation: fadeIn 0.5s ease forwards;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}