/* Effetti condivisi Raglione.it: DNA + punti luce */
html,body{min-height:100%;}
body{position:relative;isolation:isolate;}
body::before{
  content:"";
  position:fixed;
  inset:-5vh -5vw;
  z-index:-3;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(8,13,29,.76),rgba(10,15,31,.83)),
    url("dna-bg.jpg");
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  opacity:.62;
  filter:saturate(.98) contrast(1.03) brightness(.94);
  transform:scale(1.035) translate3d(0,0,0);
  animation:raglioneDnaDrift 34s ease-in-out infinite alternate;
  will-change:transform,background-position;
}
body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 14%,rgba(91,165,255,.08),transparent 34%),
    radial-gradient(circle at 82% 52%,rgba(166,121,255,.055),transparent 40%),
    linear-gradient(180deg,rgba(8,13,29,.10),rgba(11,16,32,.20));
}
@keyframes raglioneDnaDrift{
  0%{transform:scale(1.035) translate3d(-.35%,-.2%,0);background-position:48% 50%;}
  50%{transform:scale(1.05) translate3d(.2%,.12%,0);background-position:51% 48%;}
  100%{transform:scale(1.038) translate3d(.42%,.28%,0);background-position:52% 51%;}
}
#dnaLights{
  position:fixed !important;
  inset:0 !important;
  display:block !important;
  width:100vw !important;
  height:100vh !important;
  z-index:0 !important;
  pointer-events:none !important;
  opacity:1 !important;
  mix-blend-mode:screen;
}
header,main,footer{position:relative;z-index:1;}
@media (prefers-reduced-motion: reduce){
  body::before{animation:none;}
  #dnaLights{display:none !important;}
}