body {
  position: relative;
  overflow-x: hidden;
}

.bg-gradient-main,
.bg-glow,
.bg-side {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -3;
}

.bg-gradient-main {
  background:
    radial-gradient(circle at 15% 20%, rgba(99, 102, 241, 0.14), transparent 32%),
    radial-gradient(circle at 85% 18%, rgba(56, 189, 248, 0.12), transparent 28%),
    radial-gradient(circle at 50% 85%, rgba(168, 85, 247, 0.1), transparent 30%);
}

.bg-glow {
  z-index: -2;
  filter: blur(70px);
  opacity: 0.8;
  background:
    radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.18), transparent 20%),
    radial-gradient(circle at 72% 62%, rgba(14, 165, 233, 0.16), transparent 24%);
}

.bg-side {
  z-index: -1;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.04), transparent 40%),
    linear-gradient(315deg, rgba(59, 130, 246, 0.05), transparent 45%);
  backdrop-filter: blur(2px);
}