/* Animations */
@keyframes fadeIn {
    0% { opacity: 0; transform: translateY(30px); }
    100% { opacity: 1; transform: translateY(0); }
}

/* Background Gradient Animation */
      @keyframes gradientShift {
          0% {
              background: linear-gradient(to right, #000, #111);
          }
          50% {
              background: linear-gradient(to right, #FF9800, #E65100);
          }
          100% {
              background: linear-gradient(to right, #000, #111);
          }
      }
      .hero {
          animation: gradientShift 10s ease infinite;
      }


/* In animations.css or add below */
.btn {
  animation: pulse 2s infinite;
  transition: transform 0.2s ease;
}
.btn:hover {
  transform: scale(1.05);
}
@keyframes pulse {
  0% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.6); }
  70% { box-shadow: 0 0 0 10px rgba(34, 197, 94, 0); }
  100% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0); }
}