body.dc-plexus-active {
  background: #edf6fb !important;
  background-image: none !important;
  background-attachment: scroll !important;
}

body.dc-plexus-active > :not(#particles-js):not(#dc-plexus-bg) {
  position: relative;
  z-index: 1;
}

#particles-js,
#dc-plexus-bg {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
  background:
    radial-gradient(circle at 16% 18%, rgba(104, 179, 220, 0.26), transparent 30%),
    radial-gradient(circle at 82% 12%, rgba(129, 223, 214, 0.2), transparent 26%),
    radial-gradient(circle at 50% 100%, rgba(189, 221, 241, 0.32), transparent 38%),
    linear-gradient(180deg, #f8fcff 0%, #eef7fb 46%, #e3f0f8 100%);
}

#particles-js .particles-js-canvas-el,
#particles-js canvas,
#dc-plexus-bg canvas {
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.96;
}

@media (max-width: 767px) {
  #particles-js,
  #dc-plexus-bg {
    background:
      radial-gradient(circle at 50% 0%, rgba(104, 179, 220, 0.24), transparent 38%),
      linear-gradient(180deg, #f8fcff 0%, #eef7fb 46%, #e3f0f8 100%);
  }

  #particles-js .particles-js-canvas-el,
  #particles-js canvas,
  #dc-plexus-bg canvas {
    opacity: 0.82;
  }
}

@media (prefers-reduced-motion: reduce) {
  #particles-js .particles-js-canvas-el,
  #particles-js canvas,
  #dc-plexus-bg canvas {
    opacity: 0.5;
  }
}