/* =========================================
   FLOAT
========================================= */

@keyframes float {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-12px);
    }

    100% {
        transform: translateY(0);
    }
}

.float {
    animation: float 5s ease infinite;
}

/* =========================================
   REVEAL
========================================= */

.reveal {
    opacity: 0;
    transform: translateY(60px);
    transition: all 0.8s ease;
}

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

/* =========================================
   BUTTONS
========================================= */

.btn-primary {
    transition: all 0.3s ease;
}

.btn-primary:hover {
    transform: translateY(-3px) scale(1.03);
}

/* =========================================
   CARDS
========================================= */

.card-hover {
    transition: all 0.35s ease;
}

.card-hover:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.12);
}