.new-deployment {
  position: relative;
  overflow: hidden;
}

.new-deployment::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(79, 70, 229, 0.2) 0%, rgba(79, 70, 229, 0) 100%);
  z-index: 0;
  animation: highlightFade 2s ease-out forwards;
}

@keyframes highlightFade {
  0% { opacity: 1; }
  100% { opacity: 0; }
}

/* Pulse animation for new deployments */
@keyframes pulse {
  0% { box-shadow: 0 0 0 0 rgba(79, 70, 229, 0.4); }
  70% { box-shadow: 0 0 0 10px rgba(79, 70, 229, 0); }
  100% { box-shadow: 0 0 0 0 rgba(79, 70, 229, 0); }
}

.pulse {
  animation: pulse 1.5s ease-out;
}