.background-system {
  position: fixed;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 48%, rgba(92, 255, 92, 0.16), transparent 38%),
    #020602;
  pointer-events: none;
  transform-origin: 50% 50%;
  transform: translateZ(0);
  will-change: transform;
  backface-visibility: hidden;
  isolation: isolate;
  contain: paint;
}

.bg-layer {
  position: absolute;
  inset: -18%;
  width: 136%;
  height: 136%;
  object-fit: cover;
  object-position: center;
  user-select: none;
  pointer-events: none;
  transform-origin: 50% 50%;
  transform: translateZ(0);
  will-change: transform;
  backface-visibility: hidden;
  image-rendering: auto;
}

.bg-main {
  opacity: 1;
  transform-origin: center center;
}

.bg-grid,
.bg-lines,
.bg-particles,
.bg-combined {
  mix-blend-mode: screen;
}

.bg-grid {
  opacity: 0.28;
  filter: saturate(0.9) brightness(0.82);
}

.bg-lines {
  opacity: 0.44;
  filter: saturate(1.05) brightness(0.94);
}

.bg-particles {
  opacity: 0.48;
  filter: saturate(1.08) brightness(0.98);
}

.bg-combined {
  opacity: 0.08;
  filter: saturate(1.08) brightness(0.9);
  mix-blend-mode: lighten;
}

.background-system::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 50% 48%, transparent 0 24%, rgba(3, 5, 10, 0.14) 52%, rgba(3, 5, 10, 0.7) 100%),
    linear-gradient(90deg, rgba(3, 5, 10, 0.58), transparent 36%, transparent 64%, rgba(3, 5, 10, 0.58));
}