*{box-sizing:border-box}


.section{
  height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:48px;
  font-weight:bold;
  color:#fff;
  border-bottom:1px solid #222;
}

/* Santa PNG */
#mouseSanta{
  position:fixed;
  width:80px;
  pointer-events:none;
  left:0;
  top:0;
  transform:translate(-50%, -50%) scale(0.7);
  opacity:0;
  transition: transform 0.25s cubic-bezier(.2,.9,.2,1), opacity 0.2s ease;
  z-index:1000;
  filter: drop-shadow(0 8px 16px rgba(255,80,80,0.6)) drop-shadow(0 0 28px rgba(255,80,80,0.4));
}
#mouseSanta.active{
  opacity:1;
  transform:translate(-50%, -60%) scale(1);
}
#mouseSanta.tilt-left  { transform:translate(-50%, -60%) scale(1) rotate(-10deg); }
#mouseSanta.tilt-right { transform:translate(-50%, -60%) scale(1) rotate(10deg); }

/* Particle container */
#particles{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  pointer-events:none;
  overflow:hidden;
  z-index:900;
}

/* Particle styles */
.particle{
  position:absolute;
  width:6px;
  height:6px;
  border-radius:50%;
  background: #ffffff;
  opacity:0.8;
  pointer-events:none;
  will-change: transform, opacity;
  filter: drop-shadow(0 0 6px #ffdd33) drop-shadow(0 0 12px #ff9933);
}