/**
 * KLKBAT AI — page backdrop (green glow)
 */

html {
  background-color: var(--site-page-bg, #080808);
  min-height: 100%;
}

.site-bg {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}

.site-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle 520px at 88% 8%, rgba(16, 185, 129, 0.16), transparent 62%),
    radial-gradient(circle 380px at 8% 88%, rgba(16, 185, 129, 0.08), transparent 58%);
}

.site-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(16, 185, 129, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(16, 185, 129, 0.025) 1px, transparent 1px);
  background-size: 60px 60px;
  -webkit-mask-image: radial-gradient(ellipse 80% 80% at 50% 50%, #000 15%, transparent 72%);
  mask-image: radial-gradient(ellipse 80% 80% at 50% 50%, #000 15%, transparent 72%);
}