/* Custom Animations for InfrionShield AI */

@keyframes pulse-signal-pink {
  0% {
    box-shadow: 0 0 0 0 rgba(218, 89, 146, 0.4);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(218, 89, 146, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(218, 89, 146, 0);
  }
}

.pulse-pink {
  animation: pulse-signal-pink 2s infinite;
}

@keyframes pulse-action-blue {
  0% {
    box-shadow: 0 0 0 0 rgba(80, 121, 228, 0.4);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(80, 121, 228, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(80, 121, 228, 0);
  }
}

.pulse-blue {
  animation: pulse-action-blue 2s infinite;
}

@keyframes scan-animation {
  0% {
    top: 0%;
  }
  50% {
    top: 100%;
  }
  100% {
    top: 0%;
  }
}

.scan-line {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--signal-pink);
  opacity: 0.7;
  animation: scan-animation 3s linear infinite;
  pointer-events: none;
  z-index: 10;
}

@keyframes text-blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.3; }
}

.blink-text {
  animation: text-blink 1.5s infinite;
}

/* Page transitions and visual entry triggers */
.fade-in-up {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1), transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.fade-in-up.active {
  opacity: 1;
  transform: translateY(0);
}

.slide-in-right {
  opacity: 0;
  transform: translateX(40px);
  transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1), transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.slide-in-right.active {
  opacity: 1;
  transform: translateX(0);
}