@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');


@font-face {
  font-family: 'LCD';
  src: url('../fonts/LCD14.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

.countdown-font-lcd14 {
  font-family: 'LCD', monospace;
  /*color: #1dff1d; !* Bright green *!*/
  /*background-color: #000;*/
  padding: 0.25em 0.5em;
  border-radius: 4px;
  /*box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.8);*/
  text-shadow: 0 0 5px rgba(29, 255, 29, 0.7);
  display: inline-block;
  line-height: 1;
}

.countdown-font-vt323 {
  font-family: 'VT323', monospace;
  letter-spacing: 0.02em;
}

.countdown-font-roboto-mono {
  font-family: 'Roboto Mono', monospace;
  letter-spacing: 0.01em;
}

.countdown-font-source-code-pro {
  font-family: 'Source Code Pro', monospace;
  letter-spacing: 0.01em;
}

.countdown-font-jetbrains-mono {
  font-family: 'JetBrains Mono', monospace;
  letter-spacing: 0;
}

.countdown-font-space-mono {
  font-family: 'Space Mono', monospace;
  letter-spacing: 0.01em;
}

/* Sci-Fi Hologram Style */
.countdown-effect-hologram {
  color: rgba(157, 236, 249, 0.9);
  background: linear-gradient(180deg, rgba(157, 236, 249, 0.3) 0%, rgba(157, 236, 249, 0) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  text-shadow:
    0 0 2px #9decf9,
    0 0 10px rgba(157, 236, 249, 0.8);
  /*border: 1px solid rgba(157, 236, 249, 0.3);*/
  border-radius: 2px;
  padding: 0.25em 0.5em;
  /*box-shadow:*/
  /*  inset 0 0 10px rgba(157, 236, 249, 0.5),*/
  /*  0 0 15px rgba(157, 236, 249, 0.5);*/
  display: inline-block;
  line-height: 1;
}

/* Fire Style */
.countdown-effect-fire {
  background: linear-gradient(0deg, #ff3300, #ff8800, #ffdd00);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow:
    0 0 5px rgba(255, 51, 0, 0.5),
    0 0 10px rgba(255, 136, 0, 0.3);
  display: inline-block;
  line-height: 1;
}

/* Matrix Style */
.countdown-effect-matrix {
  color: #00ff41;
  text-shadow: 0 0 8px rgba(0, 255, 65, 0.8);
  background-color: rgba(0, 0, 0, 0.9);
  /*border: 1px solid #00ff41;*/
  padding: 0.25em 0.5em;
  letter-spacing: 0.05em;
  display: inline-block;
  line-height: 1;
}

/* Animated Neon Pulse */
@keyframes neonPulse {
  0% {
    text-shadow:
      0 0 5px #fff,
      0 0 10px #fff,
      0 0 15px #ff00de,
      0 0 20px #ff00de,
      0 0 25px #ff00de;
  }
  50% {
    text-shadow:
      0 0 5px #fff,
      0 0 10px #fff,
      0 0 15px #ff00de,
      0 0 20px #ff00de,
      0 0 25px #ff00de,
      0 0 30px #ff00de,
      0 0 35px #ff00de;
  }
  100% {
    text-shadow:
      0 0 5px #fff,
      0 0 10px #fff,
      0 0 15px #ff00de,
      0 0 20px #ff00de,
      0 0 25px #ff00de;
  }
}

.countdown-effect-neon-pulse {
  color: #ffffff;
  animation: neonPulse 1.5s infinite alternate;
  display: inline-block;
  line-height: 1;
}

.countdown-effect-gradient {
  text-shadow: 0 0 5px rgba(255, 255, 255, 0.3);
  background: linear-gradient(to right, #00ffff, #ff00ff);
  background-clip: text;
  color: transparent;
}