@keyframes floatY {
    0%,
    100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
}

@keyframes pulseGlow {
    0%,
    100% {
        box-shadow: 0 0 0 rgba(123, 227, 255, 0);
    }
    50% {
        box-shadow: 0 0 38px rgba(123, 227, 255, 0.2);
    }
}

@keyframes auroraShift {
    0%,
    100% {
        transform: translate3d(0, 0, 0) scale(1);
    }
    50% {
        transform: translate3d(1.5rem, -1rem, 0) scale(1.08);
    }
}

.hero-card,
.mentor-photo,
.checkout-card {
    animation: floatY 7.5s ease-in-out infinite;
}

.button-primary,
.metric-card,
.countdown div {
    animation: pulseGlow 5.6s ease-in-out infinite;
}

.aurora {
    animation: auroraShift 14s ease-in-out infinite;
}

.reveal,
.reveal-delay {
    opacity: 0;
    transform: translateY(26px);
    transition: opacity 560ms ease, transform 560ms ease;
}

.reveal-delay {
    transition-delay: 120ms;
}

.reveal.visible,
.reveal-delay.visible {
    opacity: 1;
    transform: translateY(0);
}