@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=Poppins:wght@300..600&display=swap');

.dancing-script {
    font-family: 'Dancing Script', cursive;
}

.poppins {
    font-family: 'Poppins', sans-serif;
}

.floating {
    animation: float 3s ease-in-out infinite;
}

.floating-delayed {
    animation: float 3s ease-in-out infinite;
    animation-delay: 1.5s;
}

@keyframes float {

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

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

.sparkle {
    animation: sparkle 2s ease-in-out infinite;
}

@keyframes sparkle {

    0%,
    100% {
        opacity: 0.3;
        transform: scale(1);
    }

    50% {
        opacity: 1;
        transform: scale(1.2);
    }
}

.gradient-bg {
    background: linear-gradient(135deg, #fffdfe 0%, #fef4f5 25%, #f5e2e4 50%, #fee2e1 75%, #f1a8bc 100%);
}

.card-shadow {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.rsvp-form {
    transition: all 0.3s ease;
}

.rsvp-form.show {
    opacity: 1;
    transform: translateY(0);
}

.rsvp-form.hide {
    opacity: 0;
    transform: translateY(20px);
}