/* ===========================================
   ZenOps - Background Styles
   Source: Figma CSS Export (valeurs strictes)
   =========================================== */

.page-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: #121826;
  overflow: hidden;
}

/* Vertical stripes - 50px wide bars, spaced 54px apart */
.page-background__stripes {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  filter: blur(1px);
  background-image: repeating-linear-gradient(
    90deg,
    linear-gradient(180deg, rgba(18, 24, 38, 0.15) 0%, rgba(6, 50, 70, 0.3) 10.1%) 0px,
    linear-gradient(180deg, rgba(18, 24, 38, 0.15) 0%, rgba(6, 50, 70, 0.3) 10.1%) 50px,
    transparent 50px,
    transparent 54px
  );
  /* Fallback avec une approche plus simple */
  background: repeating-linear-gradient(
    90deg,
    rgba(18, 24, 38, 0.15) 0px,
    rgba(6, 50, 70, 0.3) 50px,
    transparent 50px,
    transparent 54px
  );
}

/* Gradient overlays - radial halos (blue/cyan tones for home) */
.page-background__gradient-1 {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  background:
    radial-gradient(90.31% 12.79% at 50% 84.87%, #134C66 0%, rgba(18, 24, 38, 0) 100%),
    radial-gradient(100% 21.91% at 0% 64.1%, #134C66 0%, rgba(18, 24, 38, 0) 100%),
    radial-gradient(80.46% 13.66% at 100% 37.31%, #134C66 0%, rgba(18, 24, 38, 0.2) 100%),
    radial-gradient(105.24% 6.89% at 0% 18.4%, #134C66 0%, rgba(18, 24, 38, 0) 100%),
    radial-gradient(96.76% 11.05% at 100% 8%, #134C66 0%, rgba(18, 24, 38, 0) 100%);
}

.page-background__gradient-2 {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background:
    radial-gradient(50% 8.93% at 0% 33.53%, #121826 0%, rgba(18, 24, 38, 0) 100%),
    radial-gradient(60.8% 8.41% at 50% 100%, #121826 0%, rgba(18, 24, 38, 0) 100%);
}