/* ============================================================
   AIOOS — ambient background: site-wide aurora
   Two soft light-fields drift very slowly behind the whole page.
   Transparent sections let them shine through; tinted and dark
   bands (z-index:10) mask them — giving the scroll a quiet rhythm
   instead of flat white. Pure CSS, transform-only (composited),
   reduced-motion & mobile safe.
   ============================================================ */

body::before, body::after{
  content:''; position:fixed; z-index:1; pointer-events:none; border-radius:50%;
  filter:blur(90px); will-change:transform; opacity:.75;
}
body::before{
  width:min(54vw,900px); height:min(50vh,600px); right:-16vw; top:24vh;
  background:radial-gradient(closest-side, rgba(96,177,255,.40), rgba(34,211,238,.18) 52%, transparent 74%);
}
body::after{
  width:min(50vw,820px); height:min(46vh,560px); left:-18vw; top:56vh;
  background:radial-gradient(closest-side, rgba(20,184,166,.30), rgba(45,108,246,.16) 50%, transparent 74%);
}
@media (prefers-reduced-motion:no-preference){
  body::before{animation:ambDriftA 26s ease-in-out infinite alternate}
  body::after{animation:ambDriftB 34s ease-in-out infinite alternate}
}
@keyframes ambDriftA{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-9vw,7vh,0) scale(1.12)}}
@keyframes ambDriftB{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(8vw,-9vh,0) scale(1.15)}}

@media (max-width:980px){ body::before, body::after{display:none} }
@media print{ body::before, body::after{display:none} }