/* ==========================
   NX Sparkles v2
   6 span: .nx-sparkle
========================== */

.nx-sparkles{
  pointer-events:none;
  z-index:2;
}

.nx-sparkle{
  position:absolute;
  display:block;
  color:#ead99a;
  line-height:1;
  transform-origin:center;
  will-change:transform, opacity;
}

/* posisi + ukuran */
.nx-sparkle:nth-child(1){
  left:0;
  top:0;
  font-size:30px;
  animation:sparkleGlow 5.8s ease-in-out infinite;
  animation-delay:0s;
}

.nx-sparkle:nth-child(2){
  left:58px;
  top:45px;
  font-size:17px;
  animation:sparkleBlink 7.5s ease-in-out infinite;
  animation-delay:.8s;
}

.nx-sparkle:nth-child(3){
  left:132px;
  top:28px;
  font-size:23px;
  animation:sparkleBlink 6.8s ease-in-out infinite;
  animation-delay:1.6s;
}

.nx-sparkle:nth-child(4){
  left:202px;
  top:55px;
  font-size:13px;
  animation:sparkleFloat 6.2s ease-in-out infinite;
  animation-delay:2.1s;
}

.nx-sparkle:nth-child(5){
  left:250px;
  top:30px;
  font-size:20px;
  animation:sparkleGlow 6.4s ease-in-out infinite;
  animation-delay:2.8s;
}

.nx-sparkle:nth-child(6){
  left:320px;
  top:8px;
  font-size:16px;
  animation:sparkleFloat 7s ease-in-out infinite;
  animation-delay:3.4s;
}

/* besar: glow pelan */
@keyframes sparkleGlow{
  0%,100%{
    opacity:.42;
    transform:translateY(0) scale(.92) rotate(-2deg);
  }
  50%{
    opacity:1;
    transform:translateY(-4px) scale(1.14) rotate(4deg);
  }
}

/* kecil: kedip sesekali */
@keyframes sparkleBlink{
  0%,42%,100%{
    opacity:.32;
    transform:scale(.96) rotate(0deg);
  }
  48%{
    opacity:1;
    transform:scale(1.12) rotate(3deg);
  }
  55%{
    opacity:.42;
    transform:scale(.98) rotate(-2deg);
  }
}

/* tiny: hampir diam */
@keyframes sparkleFloat{
  0%,100%{
    opacity:.42;
    transform:translateY(0) scale(.95);
  }
  50%{
    opacity:.75;
    transform:translateY(-2px) scale(1.02);
  }
}