/* NDRC Labs Promo — CRT Scanline & Phosphor Effects */

/* Scanline overlay */
body::after {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 9999;
  background:
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(0, 0, 0, 0.08) 2px,
      rgba(0, 0, 0, 0.08) 4px
    );
  animation: scanlines 8s linear infinite;
}

@keyframes scanlines {
  0% { background-position: 0 0; }
  100% { background-position: 0 100px; }
}

/* Vignette overlay */
body::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 9998;
  background: radial-gradient(
    ellipse at center,
    transparent 50%,
    rgba(0, 0, 0, 0.4) 100%
  );
}

/* Subtle CRT flicker — very occasional */
@keyframes crt-flicker {
  0%, 97%, 100% { opacity: 1; }
  97.5% { opacity: 0.97; }
  98% { opacity: 1; }
  98.5% { opacity: 0.98; }
}

.page-wrapper {
  animation: crt-flicker 6s ease-in-out infinite;
}

/* Phosphor glow on key text elements */
.glow {
  text-shadow:
    0 0 7px var(--amber-glow),
    0 0 15px var(--amber-glow),
    0 0 30px rgba(255, 176, 0, 0.15);
}

.glow-green {
  text-shadow:
    0 0 7px var(--green-glow),
    0 0 15px var(--green-glow),
    0 0 30px rgba(51, 255, 51, 0.15);
}

/* Subtle background grid */
.page-wrapper::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 0;
  background-image:
    linear-gradient(rgba(255, 176, 0, 0.02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 176, 0, 0.02) 1px, transparent 1px);
  background-size: 60px 60px;
  opacity: 0.5;
}

/* Horizontal scan line that sweeps down occasionally */
.scan-line-sweep {
  position: fixed;
  top: -5px;
  left: 0;
  right: 0;
  height: 5px;
  background: linear-gradient(
    180deg,
    transparent,
    rgba(255, 176, 0, 0.08),
    transparent
  );
  pointer-events: none;
  z-index: 9997;
  animation: sweep 10s linear infinite;
  opacity: 0.6;
}

@keyframes sweep {
  0% { top: -5px; }
  100% { top: 100vh; }
}