#bg-fx { position: fixed; inset: 0; z-index: 0; pointer-events: none; }
#bg-fx .fx-floor {
  position: absolute; inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M8 1L15 8L8 15L1 8Z' fill='none' stroke='white' stroke-opacity='.045' stroke-width='.8'/%3E%3C/svg%3E");
}
#bg-fx .fx-spot {
  position: absolute; inset: 0;
  background:
    radial-gradient(ellipse 70vmax 48vmax at 50% 16%, rgba(126,232,195,.14), rgba(126,232,195,.05) 45%, transparent 75%),
    radial-gradient(ellipse 45vmax 40vmax at 92% 78%, rgba(126,232,195,.08), transparent 70%);
}
#bg-fx canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.page-wrap, footer { position: relative; z-index: 1; }