html,body{
  margin:0;
  padding:0;
  width:100%;
  height:100%;
  background:#000;
  overflow:hidden;
}

:root{
  --aurum-1: rgba(212,175,55,0.22);
  --aurum-2: rgba(212,175,55,0.12);
  --aurum-3: rgba(140,110,35,0.10);
  --shadow-1: rgba(0,0,0,0.86);
}

body::before{
  content:"";
  position:fixed;
  inset:-18%;
  background:
    radial-gradient(ellipse at center,
      rgba(255,235,160,0.10) 0%,
      var(--aurum-1) 12%,
      var(--aurum-2) 32%,
      var(--aurum-3) 52%,
      var(--shadow-1) 72%,
      #000 100%
    );
  filter: blur(0.2px) saturate(1.05);
  pointer-events:none;
  z-index:0;
}

/* vignette soft extra */
body::after{
  content:"";
  position:fixed;
  inset:-10%;
  background: radial-gradient(ellipse at center,
    rgba(0,0,0,0) 45%,
    rgba(0,0,0,0.45) 72%,
    rgba(0,0,0,0.78) 100%
  );
  pointer-events:none;
  z-index:0;
}

body > *{
  position:relative;
  z-index:1;
}

/* micro-lux glow sul titolo (senza cambiare HTML) */
h1, .title, .hero-title{
  text-shadow:
    0 1px 0 rgba(0,0,0,0.35),
    0 0 18px rgba(212,175,55,0.08);
}