/*
  neon.css: o toque hacker do site de Python (chuva de 0 e 1 e brilho verde neon, como no PyQuiz).
  versão 1 · 2026-10-05

  Carregue depois do estilo.css e do disciplina.css.
*/

:root {
  --neon: #39ff14;
  --neon-brilho: rgba(57, 255, 20, .45);
}

[data-tema="claro"] {
  --neon: #0a8f4d;
  --neon-brilho: rgba(10, 143, 77, .2);
}


/* chuva de 0 e 1 atrás da abertura, sumindo embaixo */
.chuva-matrix {
  position: absolute;
  inset: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: .3;
  -webkit-mask-image: linear-gradient(180deg, #000 30%, transparent 95%);
  mask-image: linear-gradient(180deg, #000 30%, transparent 95%);
}

[data-tema="claro"] .chuva-matrix {
  opacity: .16;
}


/* palavra em neon (ex.: "Python" no título) */
.neon {
  color: var(--neon);
  text-shadow:
    0 0 8px var(--neon-brilho),
    0 0 24px var(--neon-brilho);
}

[data-tema="claro"] .neon {
  text-shadow: none;
}

/* o logo flutuante ganha um halo verde */
.logo-flutua.neon-halo {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, .7) inset,
    0 0 0 1px rgba(0, 0, 0, .07),
    0 24px 50px -18px rgba(0, 0, 0, .7),
    0 0 40px -4px var(--neon-brilho);
}

/* o prompt e as etiquetas verdes da página também brilham de leve */
.prompt b,
.etiqueta.verde {
  text-shadow: 0 0 10px var(--neon-brilho);
}