.parallax-bg {
    background-image: url('https://images.unsplash.com/photo-1601655784385-146b0a3b59b1?auto=format&fit=crop&w=1500&q=80');
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.card-3d {
    transition: transform 0.4s ease, box-shadow 0.3s ease;
}

    .card-3d:hover {
        transform: translateY(-10px) scale(1.02);
        box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2);
    }

.animate-fadeInUp {
    animation: fadeInUp 1s ease forwards;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(40px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}