/* Frontend Engine — Animations */
.fade-in { opacity: 0; transition: opacity .55s ease; }
.fade-in.is-visible { opacity: 1; }

.slide-up { opacity: 0; transform: translateY(24px); transition: opacity .55s ease, transform .55s ease; }
.slide-up.is-visible { opacity: 1; transform: translateY(0); }

.slide-down { opacity: 0; transform: translateY(-24px); transition: opacity .55s ease, transform .55s ease; }
.slide-down.is-visible { opacity: 1; transform: translateY(0); }

.scale-hover { transition: transform .2s ease; }
.scale-hover:hover { transform: scale(1.03); }

.card-hover { transition: transform .22s ease, box-shadow .22s ease; }
.card-hover:hover { transform: translateY(-5px); box-shadow: 0 20px 42px rgba(2,6,23,.45); }

.button-glow { box-shadow: 0 0 0 0 rgba(124,58,237,.5); }
.button-glow:hover { box-shadow: 0 0 28px rgba(124,58,237,.5); }

.float {
  animation: float 4.2s ease-in-out infinite;
}
@keyframes float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-7px); }
}