/* Bouquet & Final Message */
#final-surprise {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    animation: fadeIn 1s ease;
}

.bouquet {
    font-size: 8rem;
    /* Large Emoji scale */
    filter: drop-shadow(0 0 20px rgba(255, 105, 180, 0.5));
    animation: popUp 1.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
    transform-origin: bottom center;
    margin-bottom: 2rem;
}

.final-message {
    font-family: var(--font-serif);
    font-size: 2.5rem;
    color: #fff;
    text-shadow: 0 0 15px rgba(255, 64, 129, 0.8);
    opacity: 0;
    transform: translateY(20px);
    animation: fadeInUp 1s ease 0.5s forwards;
    text-align: center;
    padding: 0 1rem;
}

@keyframes popUp {
    0% {
        transform: scale(0) translateY(50px);
        opacity: 0;
    }

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

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Modal Generic Styles */
#modal-msg {
    backdrop-filter: blur(5px);
}