powersafety-background {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

powersafety-background * {
  pointer-events: none;
}

powersafety-background .bg {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 20% 30%, rgba(0,174,239,.08), transparent 60%),
    radial-gradient(circle at 80% 70%, rgba(242,101,34,.06), transparent 65%);
}

powersafety-background .circuit {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

powersafety-background .h-line,
powersafety-background .v-line {
  position: absolute;
  opacity: .55;
}

powersafety-background .h-line {
  height: 2px;
  width: 100%;
  background: linear-gradient(to right, transparent, var(--accent2), transparent);
  animation: moveX 28s linear infinite;
}

powersafety-background .v-line {
  width: 2px;
  height: 100%;
  background: linear-gradient(to bottom, transparent, var(--accent1), transparent);
  animation: moveY 34s linear infinite;
}

@keyframes moveX {
  from { transform: translateX(-100%); }
  to { transform: translateX(100%); }
}

@keyframes moveY {
  from { transform: translateY(-100%); }
  to { transform: translateY(100%); }
}