/* ===== FUNDO PADRÃO DO SITE (o mesmo da Área de Membros) =====
   Some com os fundos antigos de cada página e aplica um único fundo:
   base #060606 + brilho vermelho no topo + 3 blobs animados.
   Feito com pseudo-elementos (html/body) pra não precisar de JS nem mexer no HTML. */

html { background:#060606 !important; overflow-x:hidden; }
body { background:transparent !important; }

/* esconde os fundos antigos que cada página tinha */
.bg-anim, .glow, #bg-canvas { display:none !important; }

/* canvas das gotas flutuantes (preenchido pelo fundo.js) */
#fundo-canvas { position:fixed; inset:0; z-index:-1; pointer-events:none; }

/* camadas do fundo (ficam ATRÁS de todo o conteúdo) */
html::before, html::after, body::before, body::after {
  content:""; position:fixed; z-index:-1; pointer-events:none;
  border-radius:50%; filter:blur(75px);
}

/* brilho vermelho no topo (o destaque da área de membros) */
html::before {
  top:-150px; left:50%; transform:translateX(-50%);
  width:min(460px,100vw); height:460px;
  background:radial-gradient(circle, rgba(230,17,42,.42), rgba(230,17,42,0) 70%);
  filter:blur(80px);
}

/* blob 1 (canto superior esquerdo) */
html::after {
  top:-8%; left:-10%;
  width:44vw; height:44vw; max-width:420px; max-height:420px;
  background:radial-gradient(circle, rgba(230,17,42,.55), transparent 70%);
  opacity:.45; animation:fundoDrift1 26s ease-in-out infinite;
}
/* blob 2 (canto inferior direito) */
body::before {
  bottom:-10%; right:-8%;
  width:38vw; height:38vw; max-width:360px; max-height:360px;
  background:radial-gradient(circle, rgba(255,45,67,.45), transparent 70%);
  opacity:.42; animation:fundoDrift2 32s ease-in-out infinite;
}
/* blob 3 (meio) */
body::after {
  top:42%; left:52%;
  width:34vw; height:34vw; max-width:320px; max-height:320px;
  background:radial-gradient(circle, rgba(138,13,28,.6), transparent 70%);
  opacity:.5; animation:fundoDrift3 38s ease-in-out infinite;
}

@keyframes fundoDrift1 { 0%,100%{ transform:translate3d(0,0,0) scale(1); } 50%{ transform:translate3d(8vw,10vh,0) scale(1.15); } }
@keyframes fundoDrift2 { 0%,100%{ transform:translate3d(0,0,0) scale(1); } 50%{ transform:translate3d(-9vw,-7vh,0) scale(1.12); } }
@keyframes fundoDrift3 { 0%,100%{ transform:translate3d(0,0,0) scale(1); } 50%{ transform:translate3d(-6vw,-9vh,0) scale(1.2); } }
@media (prefers-reduced-motion:reduce){ html::after, body::before, body::after { animation:none !important; } }

/* dentro do iframe da área de membros: sem fundo próprio (a área de membros já tem o dela atrás).
   evita o brilho vermelho vazar pelos cards translúcidos e criar aquelas faixas claro/escuro. */
html.embed::before, html.embed::after,
html.embed body::before, html.embed body::after,
html.embed #fundo-canvas { display:none !important; }