/* Animations & Transitions */

/* Base Reveal Class */
.reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s cubic-bezier(0.5, 0, 0, 1);
    visibility: hidden;
    /* Prevents interaction before reveal */
}

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

/* Specific Animations */
.fade-up {
    transform: translateY(40px);
}

.fade-in {
    transform: translateY(0);
    /* Just opacity change */
}

.slide-right {
    transform: translateX(-50px);
}

.slide-left {
    transform: translateX(50px);
}

.zoom-in {
    transform: scale(0.9);
}

/* Staggered Delays for Child Elements */
.stagger-1 {
    transition-delay: 0.1s;
}

.stagger-2 {
    transition-delay: 0.2s;
}

.stagger-3 {
    transition-delay: 0.3s;
}

.stagger-4 {
    transition-delay: 0.4s;
}

/* Dynamic Counters */
.counter-value {
    display: inline-block;
    font-variant-numeric: tabular-nums;
}

/* Floating Animation (enhanced) */
@keyframes floating-premium {
    0% {
        transform: translateY(0px) rotate(0deg);
    }

    33% {
        transform: translateY(-10px) rotate(1deg);
    }

    66% {
        transform: translateY(5px) rotate(-1deg);
    }

    100% {
        transform: translateY(0px) rotate(0deg);
    }
}

.floating-premium {
    animation: floating-premium 6s ease-in-out infinite;
}

/* Shimmer Effect for Premium Buttons */
@keyframes shimmer {
    0% {
        background-position: -200% center;
    }

    100% {
        background-position: 200% center;
    }
}

.btn-premium {
    background: linear-gradient(120deg, var(--color-primary) 30%, #e8c4ca 50%, var(--color-primary) 70%);
    background-size: 200% auto;
    animation: shimmer 4s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.btn-premium:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(192, 139, 148, 0.5);
}