/* ========================================================
   PARTE 1 di 2 — INCOLLA QUESTO IN "Edit CSS"
   (Impostazioni sito → Altro → tasto "Edit CSS")
   ======================================================== */

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

#global-ambient-bg{
  position:fixed;
  top:0; left:0;
  width:100vw;
  height:100vh;
  z-index:-1;
  overflow:hidden;
  pointer-events:none;
}
#global-ambient-bg span{
  position:absolute;
  border-radius:50%;
  filter:blur(80px);
  opacity:0.45;
}
#global-ambient-bg .blob-1{
  width:560px;height:560px;
  background:radial-gradient(circle at 30% 30%, #da7b67, transparent 70%);
  top:-180px; left:-160px;
  animation: gFloat1 24s ease-in-out infinite;
}
#global-ambient-bg .blob-2{
  width:480px;height:480px;
  background:radial-gradient(circle at 70% 70%, #c4624e, transparent 70%);
  top:50vh; right:-140px;
  animation: gFloat2 28s ease-in-out infinite;
}
#global-ambient-bg .blob-3{
  width:420px;height:420px;
  background:radial-gradient(circle, #da7b67, transparent 75%);
  bottom:-160px; left:10%;
  opacity:0.35;
  animation: gFloat3 32s ease-in-out infinite;
}

@keyframes gFloat1{
  0%,100%{ transform: translate(0,0) scale(1); }
  50%{ transform: translate(60px, 80px) scale(1.12); }
}
@keyframes gFloat2{
  0%,100%{ transform: translate(0,0) scale(1); }
  50%{ transform: translate(-70px,-50px) scale(1.08); }
}
@keyframes gFloat3{
  0%,100%{ transform: translate(0,0) scale(1); }
  50%{ transform: translate(-40px, 60px) scale(0.9); }
}
@media (prefers-reduced-motion: reduce){
  #global-ambient-bg span{ animation:none; }
}

#allrecords{
  position:relative;
  z-index:1;
}