/* Add some 3D transform effects */
.transform-3d {
    transform-style: preserve-3d;
    transition: transform 0.5s ease;
}

.transform-3d:hover {
    transform: rotateY(10deg) rotateX(5deg) translateZ(10px);
}

/* Card hover effect */
.card-hover {
    transition: all 0.3s ease;
    transform: perspective(1000px) rotateY(0deg);
}

.card-hover:hover {
    transform: perspective(1000px) rotateY(5deg) translateZ(10px);
    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
}

/* Button 3D effect */
.btn-3d {
    position: relative;
    transition: all 0.3s ease;
    transform: translateZ(0);
}

.btn-3d:hover {
    transform: translateY(-3px) translateZ(10px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.btn-3d:active {
    transform: translateY(1px) translateZ(5px);
}