.floating-decoration {
  position: fixed;
  z-index: 9999;
  pointer-events: none;
  opacity: 0;
  top: 0;
  left: 0;
  animation: floatUp 15s linear forwards;
}

@keyframes floatUp {
  0% {
    transform: translateY(110vh) rotate(0deg) scale(0.8);
    opacity: 0;
  }
  10% {
    opacity: 0.7;
  }
  90% {
    opacity: 0.7;
  }
  100% {
    transform: translateY(-20vh) rotate(360deg) scale(1.2);
    opacity: 0;
  }
}

.decoration-heart {
  color: #BC8887;
  text-shadow: 0 0 12px rgba(188, 136, 135, 0.4);
}

.decoration-bell {
  color: #d4af37;
  text-shadow: 0 0 12px rgba(212, 175, 55, 0.6);
}

.decoration-sparkle {
  color: #f1c40f;
  animation: twinkle 1.5s infinite alternate;
}

@keyframes twinkle {
  0% { opacity: 0.3; transform: scale(0.8); text-shadow: 0 0 5px rgba(241, 196, 15, 0.4); }
  100% { opacity: 1; transform: scale(1.2); text-shadow: 0 0 15px rgba(241, 196, 15, 1); }
}