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

@keyframes pulseGlow {
  0%,
  100% {
    box-shadow: 0 0 0 0 rgba(168, 85, 247, 0.2);
  }
  50% {
    box-shadow: 0 0 0 16px rgba(168, 85, 247, 0);
  }
}

.visual-card,
.about-card,
.achievement-card,
.contact-form,
.contact-info {
  animation: float 8s ease-in-out infinite;
}

.visual-card,
.about-card {
  animation-duration: 10s;
}

.achievement-card {
  animation-duration: 7s;
}

.contact-form,
.contact-info {
  animation-duration: 9s;
}

.btn-primary:hover {
  animation: pulseGlow 1.4s ease-out infinite;
}