.parallax-bg {
    background-image: url('../hero.jpg');
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.card-3d {
    transform-style: preserve-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);
    }