/* ─────────────────────────────────────────────────────
   BACKGROUNDS
   ───────────────────────────────────────────────────── */
.hero {
  background-image:
    linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 60%),
    /*url('pictures/bg-h-new-2.png'); */
    radial-gradient(1200px 600px at 12% -10%, rgba(0,255,255,.40), transparent 55%),
    radial-gradient(1200px 600px at 88% 110%, rgba(0,170,255,.20), transparent 75%),
    linear-gradient(180deg, #030b0f 0%, #13384f 100%);

  /*background-size:
    cover,
    cover; */

  background-position:
    center,          /* gradient */
    center;          /* bg-h.jpg */

  background-repeat:
    no-repeat,
    no-repeat;
}

.legal-section,
 .aboutpage {
  position: relative;
  max-width: 100%;
  min-height: 100vh;
  display: block;

  /* soft aurora layers */
  background:
    radial-gradient(900px 500px at 15% -10%, rgba(0, 255, 255, 0.18), transparent 55%),
    radial-gradient(900px 500px at 85% 110%, rgba(0, 170, 255, 0.14), transparent 60%),
    linear-gradient(180deg, #030b0f 0%, #08161d 45%, #050d12 100%);
}

/* subtle vignette to pull focus inward */
.legal-section::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;

  background:
    radial-gradient(circle at center, transparent 40%, rgba(0,0,0,0.45) 100%);
}

.community {
  padding: 6rem 1rem 3rem;
  /* teal/cyan aurora with a dark base */
  background:
    radial-gradient(1200px 600px at 12% -10%, rgba(0,255,255,.40), transparent 55%),
    radial-gradient(1200px 600px at 88% 110%, rgba(0,170,255,.20), transparent 75%),
    linear-gradient(180deg, #030b0f 0%, #13384f 100%);
}