/* Hasnivo Tech animated background */
html, body { background: #070b14 !important; }

#hx-bg-canvas {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(700px 450px at 12% 18%, rgba(37, 211, 102, .16), transparent 60%),
    radial-gradient(600px 450px at 88% 75%, rgba(56, 189, 248, .13), transparent 60%),
    #070b14;
}

/* moving grid */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px) 0 0 / 48px 48px,
    linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px) 0 0 / 48px 48px;
  animation: hxGrid 22s linear infinite;
}

@keyframes hxGrid {
  from { background-position: 0 0, 0 0; }
  to   { background-position: 48px 48px, 48px 48px; }
}

/* make section backgrounds see-through so the animation shows */
.site, .site-content, #page, #content, main, .elementor-section, .wp-site-blocks,
header.site-header, footer.site-footer {
  background-color: transparent !important;
}

@media (prefers-reduced-motion: reduce) {
  body::before { animation: none; }
}