/* Animation base styles */
    .section {
        opacity: 0;
        transform: translateY(40px);
        transition: opacity 0.8s ease-out, transform 0.8s ease-out;
    }

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

    /* Optional: Smooth transition for popup */
    .popup-message {
        position: fixed;
        top: 80px;
        right: 20px;
        background-color: #17a2b8;
        color: white;
        padding: 15px 25px;
        border-radius: 10px;
        z-index: 9999;
        opacity: 1;
        transition: opacity 1s ease-in-out;
    }

    .popup-message.fade-out {
        opacity: 0;
    }