html, body {
  min-height: 100%;
}

.brand-accent-cus { color: #8b5cf6; font-weight: 700; text-shadow: 0 0 6px rgba(139, 92, 246, 0.18); }

/* Halos de fond plus discrets */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(
      800px 400px at 80% 20%,
      rgba(139, 92, 246, 0.10),
      transparent 65%
    ),
    radial-gradient(
      700px 350px at 10% 30%,
      rgba(236, 72, 153, 0.08),
      transparent 70%
    );
}

body {
  min-height: 100vh;
  position: relative;

  background:
    radial-gradient(
      1200px 600px at 50% -10%,
      rgba(139, 92, 246, 0.18),
      transparent 70%
    ),
    radial-gradient(
      900px 500px at 20% 10%,
      rgba(236, 72, 153, 0.12),
      transparent 70%
    ),
    linear-gradient(
      to bottom,
      #05060b 0%,
      #06070d 40%,
      #070812 70%,
      #030409 100%
    );

  background-attachment: fixed;
  background-repeat: no-repeat;
}