/* ==========================================================================
   FINSOTEC - Futuristic Cyber & Active SVG Animations
   ========================================================================== */

/* Ambient Glow Pulsing */
@keyframes neonPulse {
  0%, 100% {
    box-shadow: 0 0 15px rgba(0, 229, 255, 0.2), inset 0 0 15px rgba(0, 229, 255, 0.1);
    border-color: rgba(0, 229, 255, 0.4);
  }
  50% {
    box-shadow: 0 0 30px rgba(0, 229, 255, 0.5), inset 0 0 25px rgba(0, 229, 255, 0.25);
    border-color: rgba(0, 229, 255, 0.85);
  }
}

@keyframes textGlowPulse {
  0%, 100% {
    text-shadow: 0 0 12px rgba(0, 229, 255, 0.5);
  }
  50% {
    text-shadow: 0 0 24px rgba(0, 229, 255, 0.9), 0 0 36px rgba(25, 155, 218, 0.6);
  }
}

/* Floating particles & elements */
@keyframes floatSlow {
  0%, 100% { transform: translateY(0px) rotate(0deg); }
  50% { transform: translateY(-8px) rotate(1deg); }
}

/* Background Cyber Grid Scanline */
@keyframes scanlineMove {
  0% { transform: translateY(-100%); }
  100% { transform: translateY(1000%); }
}

/* Active SVG Specific Animations */
.active-svg {
  display: block;
  overflow: visible;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), filter 0.4s ease;
}

.service-card:hover .active-svg {
  transform: scale(1.08) translateY(-4px);
  filter: drop-shadow(0 0 12px rgba(0, 229, 255, 0.6));
}

/* Radar & Rotating Beacons */
@keyframes radarSpin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* Data Flow Packets */
@keyframes packetFlow {
  from { stroke-dashoffset: 100; }
  to { stroke-dashoffset: 0; }
}

/* Slider Fade & Scale Transition */
.slide-item {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.8s ease;
}

.slide-item.active {
  opacity: 1;
  visibility: visible;
}

.slide-item.active .slide-bg {
  animation: heroKenBurns 12s ease-out forwards;
}

@keyframes heroKenBurns {
  0% { transform: scale(1); }
  100% { transform: scale(1.08); }
}

/* Slide Content Stagger Entrance */
.slide-item.active .slide-tag {
  animation: slideFadeUp 0.7s cubic-bezier(0.16, 1, 0.3, 1) 0.1s both;
}

.slide-item.active .slide-title {
  animation: slideFadeUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.25s both;
}

.slide-item.active .slide-desc {
  animation: slideFadeUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.4s both;
}

.slide-item.active .slide-actions {
  animation: slideFadeUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.55s both;
}

@keyframes slideFadeUp {
  0% {
    opacity: 0;
    transform: translateY(28px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Cyber Button Shimmer & Border Beam */
.btn-futuristic {
  position: relative;
  overflow: hidden;
}

.btn-futuristic::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.2),
    transparent
  );
  transition: 0.5s;
}

.btn-futuristic:hover::before {
  left: 100%;
}

/* Live WhatsApp Pulse Indicator */
@keyframes whatsappPulse {
  0% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.6), 0 0 15px rgba(0, 229, 255, 0.4);
  }
  70% {
    box-shadow: 0 0 0 16px rgba(37, 211, 102, 0), 0 0 25px rgba(0, 229, 255, 0.7);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0), 0 0 15px rgba(0, 229, 255, 0.4);
  }
}