/* Animated Grid Pattern Background */
.animated-grid-container {
  position: relative;
  overflow: hidden;
}

.animated-grid-pattern {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
}

.animated-grid-pattern svg {
  width: 100%;
  height: 100%;
}

/* Grid squares animation */
@keyframes gridSquareFade {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 0.15;
  }
}

.grid-square {
  animation: gridSquareFade 4s ease-in-out infinite;
}

/* Gradient mask for radial fade effect */
.animated-grid-pattern::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at center, transparent 0%, transparent 40%, rgba(0,0,0,0.3) 100%);
  pointer-events: none;
  z-index: 1;
}

/* Content overlay */
.countdown-content {
  position: relative;
  z-index: 10;
}