/* Animated plexus background — shared across UI pages */
html, body {
  background: #000;
}

#plexus-bg {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
}

.page-content {
  position: relative;
  z-index: 1;
  min-height: 100vh;
}

/* Soft vignette: clearer center for cards */
.page-content::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: radial-gradient(
    ellipse 55% 50% at 50% 48%,
    rgba(0, 0, 0, 0.72) 0%,
    rgba(0, 0, 0, 0.2) 45%,
    transparent 72%
  );
}

.page-content > * {
  position: relative;
  z-index: 1;
}