@keyframes glow {
  0%, 100% { filter: drop-shadow(0 0 5px var(--primary)); }
  50% { filter: drop-shadow(0 0 20px var(--primary)); }
}

@keyframes slideIn {
  from { transform: translateX(-100px); opacity: 0; }
  to { transform: translateX(0); opacity: 1; }
}

.glow-effect { animation: glow 3s infinite; }
.slide-in { animation: slideIn 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards; }

.reveal {
  transition: transform 1.2s cubic-bezier(0.19, 1, 0.22, 1), opacity 1.2s ease-out;
}