/* Sacred Lab - 3D Pathway Cards Styles */

/* Pathways Grid Container - Add perspective for 3D effect */
.pathways-grid {
    perspective: 1000px;
}

/* Pathway Cards - 3D Transform Styles */
.pathway-card {
    transform-style: preserve-3d;
    transition: transform 0.6s, box-shadow 0.6s;
}

/* Pathway Cards - Hover Effect with 3D rotation and depth */
/* Note: Combined with base translateY(-8px) from styles.css */
.pathway-card:hover {
    transform: translateY(-8px) rotateY(15deg) translateZ(20px);
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3),
                0 10px 20px rgba(139, 92, 246, 0.2),
                0 0 40px rgba(201, 162, 39, 0.1);
}

/* Featured card - maintain scale and add 3D effect */
.pathway-card.featured:hover {
    transform: scale(1.02) translateY(-8px) rotateY(15deg) translateZ(20px);
}