/* Sharelusion background — SAFE VERSION
   Fix: Hintergrund liegt wirklich hinter dem Content.
   Keine Wörter über Formularen, kein Heller/Dunkler-Flackern beim Scrollen.
   Diese Datei ersetzt css/animations.css komplett.
*/

html,
body {
  background: #050505 !important;
}

/* Wichtig: eigene Ebene erzeugen */
.page {
  position: relative;
  isolation: isolate;
  z-index: 0;
}

/* Content immer über dem Hintergrund */
.site-header,
main,
.bottom-nav,
.footer {
  position: relative;
  z-index: 2;
}

/* Hintergrund wirklich nach hinten */
.animated-bg {
  position: fixed;
  inset: 0;
  z-index: -1 !important;
  overflow: hidden;
  pointer-events: none;
  background:
    radial-gradient(circle at 50% -18%, rgba(255, 138, 0, 0.14), transparent 34%),
    radial-gradient(circle at 12% 8%, rgba(255, 138, 0, 0.06), transparent 28%),
    linear-gradient(180deg, #090909 0%, #050505 46%, #030303 100%);
}

/* Ruhiger Glow, kaum Bewegung */
.bg-glow {
  position: absolute;
  width: 460px;
  height: 460px;
  border-radius: 999px;
  filter: blur(80px);
  background: radial-gradient(circle, rgba(255, 138, 0, 0.18), transparent 70%);
  opacity: 0.22;
}

.bg-glow-one {
  top: -250px;
  left: -250px;
}

.bg-glow-two {
  right: -260px;
  bottom: -240px;
  opacity: 0.16;
}

/* Dezentes Grid, statisch */
.bg-grid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.015) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.015) 1px, transparent 1px);
  background-size: 44px 44px;
  opacity: 0.28;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,0.70), transparent 88%);
}

.bg-grid::after {
  display: none !important;
}

/* Scanlines aus. War zu unruhig. */
.bg-scanlines {
  display: none !important;
}

/* Wörter/Partikel aus. Die lagen optisch über dem Content. */
.bg-particles,
.bg-particles span {
  display: none !important;
}

/* Alle Animationen aus, bis der Look wieder sauber sitzt. */
.bg-glow,
.bg-grid,
.bg-grid::after,
.bg-scanlines,
.bg-particles span {
  animation: none !important;
}