/* ═══════════════════════════════════════════════════════════════
   SELKERMO BACKGROUND v5.0 — Aurora STATICA + Particles alive
   ═══════════════════════════════════════════════════════════════ */

/* Nebula STATICA (no animazione = 0 costo) */
.sk-bg-nebula {
  position: fixed; inset: -10%; z-index: -10; pointer-events: none;
  background:
    radial-gradient(ellipse 60% 50% at 20% 30%, rgba(16, 53, 176, 0.4), transparent 55%),
    radial-gradient(ellipse 55% 60% at 80% 60%, rgba(62, 200, 247, 0.2), transparent 55%),
    radial-gradient(ellipse 70% 40% at 50% 95%, rgba(38, 128, 233, 0.28), transparent 60%);
}

/* Aurora STATICA — 5 blob ma non animati */
.sk-bg-aurora {
  position: fixed; inset: 0; z-index: -9; pointer-events: none;
  overflow: hidden;
}
.sk-aurora-blob {
  position: absolute;
  border-radius: 50%;
  opacity: 0.55;
}
.sk-aurora-blob.b1 {
  width: 700px; height: 700px;
  top: 5%; left: 8%;
  background: radial-gradient(circle,
    rgba(79, 227, 255, 0.45) 0%,
    rgba(62, 200, 247, 0.15) 30%,
    rgba(38, 128, 233, 0.05) 50%,
    transparent 70%);
}
.sk-aurora-blob.b2 {
  width: 650px; height: 650px;
  top: 35%; right: 5%;
  background: radial-gradient(circle,
    rgba(38, 128, 233, 0.45) 0%,
    rgba(16, 53, 176, 0.15) 30%,
    transparent 70%);
}
.sk-aurora-blob.b3 {
  width: 550px; height: 550px;
  bottom: 5%; left: 35%;
  background: radial-gradient(circle,
    rgba(127, 238, 255, 0.35) 0%,
    rgba(79, 227, 255, 0.12) 30%,
    transparent 70%);
}
.sk-aurora-blob.b4 {
  width: 500px; height: 500px;
  top: 55%; left: 3%;
  background: radial-gradient(circle,
    rgba(62, 200, 247, 0.35) 0%,
    rgba(38, 128, 233, 0.1) 30%,
    transparent 70%);
}
.sk-aurora-blob.b5 {
  width: 450px; height: 450px;
  top: 15%; right: 28%;
  background: radial-gradient(circle,
    rgba(79, 227, 255, 0.3) 0%,
    rgba(16, 53, 176, 0.08) 30%,
    transparent 70%);
}

/* Beam STATICO (rimosso pulse) */
.sk-bg-beam {
  position: fixed;
  top: -25%; left: 50%;
  transform: translateX(-50%);
  width: 900px; height: 700px;
  background: radial-gradient(ellipse 60% 70% at 50% 0%,
    rgba(127, 238, 255, 0.12) 0%,
    rgba(127, 238, 255, 0.04) 35%,
    transparent 65%);
  z-index: -8; pointer-events: none;
}

#sk-bg-canvas {
  position: fixed; inset: 0; z-index: -7;
  pointer-events: none;
  contain: strict;
}

.sk-bg-vignette {
  position: fixed; inset: 0; z-index: -6; pointer-events: none;
  background: radial-gradient(ellipse at center, transparent 42%, rgba(0, 0, 0, 0.7) 82%, rgba(0, 0, 0, 0.97) 100%);
}

/* Nascondi vecchi sfondi */
#particle-canvas { display: none !important; }
body::before { display: none !important; }
body::after { display: none !important; }

/* Fix hero spacing */
.hero {
  min-height: auto !important;
  padding: 130px 24px 80px !important;
}

@media (max-width: 768px) {
  .sk-aurora-blob.b4,
  .sk-aurora-blob.b5 { display: none; }
  .sk-aurora-blob { opacity: 0.4; }
}

@media (prefers-reduced-motion: reduce) {
  #sk-bg-canvas { display: none; }
}