.bg-gradient {
  background:
    radial-gradient(20.01% 42.83% at 66.52% -10.01%,
      rgba(147, 23, 238, 0.60) 0%,
      rgba(8, 10, 12, 0.00) 100%),
    radial-gradient(34.86% 65.78% at 32.25% -14.44%,
      rgba(147, 23, 238, .7) 0%,
      rgba(8, 10, 12, 0.00) 100%),
    linear-gradient(0deg,
      rgba(8, 10, 12, 0.0) 20%,
      rgba(147, 23, 238, 0.13) 100%),
    rgba(8, 10, 12, 1);
}

.blur {
  background:
    radial-gradient(20.01% 37.83% at 70.52% -10.01%,
      rgba(147, 23, 238, 0.60) 0%,
      rgba(8, 10, 12, 0.00) 100%),
    radial-gradient(34.86% 55.78% at 35.25% -14.44%,
      rgba(147, 23, 238, .7) 0%,
      rgba(8, 10, 12, 0.00) 100%),
    linear-gradient(0deg,
      rgba(8, 10, 12, 0.00) 20%,
      rgba(147, 23, 238, 0.13) 100%),
    rgba(8, 10, 12, 1);

  background-blend-mode: screen, screen, screen, normal;
  filter: blur(20px) saturate(1.2) brightness(1.4);
}

/*————— CARD BACKGROUND GRADIENT —————*/

.bg-gradient-card {
  background:
    radial-gradient(30.86% 65.78% at 32.25% 108.44%,
      rgba(147, 23, 238, .7) 0%,
      rgba(8, 10, 12, 0.00) 100%),
    linear-gradient(0deg,
      rgba(8, 10, 12, 0.0) 20%,
      rgba(147, 23, 238, 0.13) 100%),
    rgba(8, 10, 12, 1);
}

.blur-card {
  background:
    radial-gradient(30.86% 65.78% at 35.25% 108.44%,
      rgba(147, 23, 238, .7) 0%,
      rgba(8, 10, 12, 0.00) 100%),
    linear-gradient(90deg,
      rgba(8, 10, 12, 0.00) 20%,
      rgba(147, 23, 238, 0.13) 100%),
    rgba(8, 10, 12, 1);

  background-blend-mode: screen, screen, screen, normal;
  filter: blur(20px) saturate(1.2) brightness(1.4);
}