@keyframes spin {
    to { transform: rotate(360deg); }
}

@keyframes fadeRise {
    from { opacity: 0; transform: translateY(16px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes pulseGlow {
    0%, 100% { box-shadow: 0 0 0 rgba(168,85,247,0.2); }
    50% { box-shadow: 0 0 28px rgba(168,85,247,0.45); }
}

@keyframes streak {
    from { transform: translateX(-120%); }
    to { transform: translateX(120%); }
}

.reveal {
    opacity: 1;
    transform: translateY(0);
    transition: opacity .5s ease, transform .5s ease;
}

.reveal-ready .reveal {
    opacity: 0;
    transform: translateY(16px);
}

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

.hero::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(100deg, transparent 30%, rgba(168,85,247,0.14), transparent 70%);
    animation: streak 5s linear infinite;
    pointer-events: none;
}

.btn-primary {
    animation: pulseGlow 2.2s ease-in-out infinite;
}

.cart-badge.bump {
    animation: badgeBump .28s ease;
}

@keyframes badgeBump {
    0% { transform: scale(1); }
    50% { transform: scale(1.2); }
    100% { transform: scale(1); }
}