/* ── Camada de fundo fixa: Dark Veil (WebGL, veil.js) ──
   Verde-limão da marca vivo no centro, preto dominando bordas/cantos. */
.bg {
  position: fixed; inset: 0;
  z-index: 0; pointer-events: none; overflow: hidden;
  background: #070707;
}

/* Canvas do shader CPPN (veil.js). Hue forçado pro lime pela .veil-lime. */
.dark-veil {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  display: block;
  opacity: 0.6;
}

/* Sobrescreve o hue do veil pro verde-limão do ícone: mix-blend color mantém
   só a luminância/movimento do shader e pinta tudo com o lime da marca. */
.veil-lime {
  position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(135deg, #D4FF1A 0%, #AEEA00 58%, #6FA000 100%);
  mix-blend-mode: color;
}

/* Traz o preto de volta como cor secundária: verde vivo no centro, preto
   dominando bordas/cantos e a base (verde sobre preto = branding JDP). */
.veil-tint {
  position: absolute; inset: 0; pointer-events: none;
  background:
    radial-gradient(ellipse 140% 110% at 50% 52%, transparent 0%, transparent 56%, rgba(7,7,7,0.34) 84%, rgba(7,7,7,0.88) 100%),
    linear-gradient(180deg, transparent 0%, transparent 66%, rgba(7,7,7,0.36) 88%, rgba(7,7,7,0.64) 100%);
}