/* Neon sign styles */
.neon-container {
  background: var(--container-bg);
  border: 8px solid var(--container-border);
  box-shadow: 
    0 0 15px var(--container-shadow),
    inset 0 0 40px var(--container-shadow);
  border-radius: 15px;
  padding: 10px 20px;
  position: relative;
  margin-bottom: 20px;
  width: fit-content;
  min-width: 80%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  min-height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ... Copy the remaining neon-specific styles from extra.css ... */

.neon-text {
  color: var(--terminal-heading);
  font-family: 'VT323', 'Courier New', monospace;
  font-size: clamp(7rem, 15vw, 12rem);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  line-height: 1.2;
  margin: 0;
  padding: 0 20px;
  text-shadow: 
    0 0 7px var(--terminal-heading),
    0 0 10px var(--terminal-heading),
    0 0 21px var(--terminal-heading),
    0 0 42px var(--terminal-heading),
    0 0 82px var(--terminal-heading),
    0 0 92px var(--terminal-heading),
    0 0 102px var(--terminal-heading),
    0 0 151px var(--terminal-heading);
  animation: neon-flicker 4s infinite;
}

/* Neon bolt styles */
.bolt-tl-neon, .bolt-tr-neon, .bolt-bl-neon, .bolt-br-neon {
  position: absolute;
  width: 20px;
  height: 20px;
  background: var(--bolt-bg);
  border: 2px solid #808080;
  box-shadow: 
    inset 0 0 2px rgba(255,255,255,0.8),
    inset 0 0 4px rgba(0,0,0,0.2);
  border-radius: 50%;
  z-index: 5;
}

.bolt-tl-neon::before, .bolt-tr-neon::before,
.bolt-bl-neon::before, .bolt-br-neon::before,
.bolt-tl-neon::after, .bolt-tr-neon::after,
.bolt-bl-neon::after, .bolt-br-neon::after {
  content: '';
  position: absolute;
  background: #808080;
}

/* Position neon bolts */
.bolt-tl-neon { top: -14px; left: -14px; }
.bolt-tr-neon { top: -14px; right: -14px; }
.bolt-bl-neon { bottom: -14px; left: -14px; }
.bolt-br-neon { bottom: -14px; right: -14px; }

@keyframes neon-flicker {
  0%, 92%, 94%, 96%, 98%, 100% {
    text-shadow: 
      0 0 7px var(--terminal-heading),
      0 0 10px var(--terminal-heading),
      0 0 21px var(--terminal-heading),
      0 0 42px var(--terminal-heading),
      0 0 82px var(--terminal-heading),
      0 0 92px var(--terminal-heading),
      0 0 102px var(--terminal-heading),
      0 0 151px var(--terminal-heading);
  }
  93%, 95%, 97%, 99% {
    text-shadow: 
      0 0 7px var(--terminal-heading),
      0 0 10px var(--terminal-heading),
      0 0 21px var(--terminal-heading);
  }
}