:root {
  --fond: #0b0c0b;        /* noir très foncé */
  --vert-fluo: #39FF14;   /* vert fluo classique */
  --vert-fonce: #004d00;  /* vert très foncé pour le dégradé */
}

.header1 {
  height: 3vh;
  background: linear-gradient(270deg, var(--fond), var(--vert-fonce), var(--fond));
  background-size: 600% 600%;
  animation: gradientShift 10s ease infinite;
  color: var(--vert-fluo);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Courier New', Courier, monospace;
  font-weight: bold;
  font-size: 1vh;
  margin: 0;
  box-sizing: border-box;
  overflow: hidden;
  text-shadow:
    0 0 8px var(--vert-fluo),
    0 0 20px var(--vert-fluo),
    0 0 30px var(--vert-fluo),
    0 0 40px #00ff00;
  letter-spacing: 2px;
  position: relative;
  user-select: none;
}

/* Animation du dégradé de fond */
@keyframes gradientShift {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

/* Animation flicker vert fluo */
@keyframes flicker {
  0%, 100% {
    text-shadow:
      0 0 8px var(--vert-fluo),
      0 0 20px var(--vert-fluo),
      0 0 30px var(--vert-fluo),
      0 0 40px #00ff00;
  }
  50% {
    text-shadow:
      0 0 12px #70FF70,
      0 0 25px #70FF70,
      0 0 40px #70FF70,
      0 0 60px #a0ffa0;
  }
}