@keyframes heart-pop {
  0% { transform: scale(0); opacity: 0; }
  45% { transform: scale(1.2); opacity: 1; }
  100% { transform: scale(1); opacity: 0; transform: translateY(-60px); }
}

.floating-heart {
  position: absolute;
  font-size: 80px;
  color: #fe2c55;
  pointer-events: none; 
  z-index: 1000;
  animation: heart-pop 0.8s ease-out forwards;
  text-shadow: 0 0 15px rgba(0,0,0,0.3);
  user-select: none;
}