/* ===== Efecto de luz: foco que emana del cursor ===== */
:root {
  --color-text-bright: #39ff6a; /* verde fósforo iluminado */
  --color-glow: #39ff6a;        /* resplandor del foco */
  --light-radius: 1400px;       /* alcance de la luz (decae con la distancia) */
}

.terminal {
  --lx: 50%;    /* posición del foco (la actualiza effect_light.js) */
  --ly: 50%;
  --light: 0;   /* intensidad 0-1 (0 si el cursor está fuera de la página) */
}

/* Capa iluminada: la luz decae con la distancia al cursor, pero llega a todo el texto */
.glow {
  color: var(--color-text-bright);
  text-shadow:
    0 0 6px var(--color-glow),
    0 0 18px var(--color-glow),
    0 0 40px var(--color-glow);
  --falloff: radial-gradient(circle var(--light-radius) at var(--lx) var(--ly),
    #000 0%, rgb(0 0 0 / .8) 12%, rgb(0 0 0 / .45) 35%, rgb(0 0 0 / .2) 65%, transparent 100%);
  -webkit-mask-image: var(--falloff);
          mask-image: var(--falloff);
  opacity: var(--light);
}