.glow-effect {
    transition: filter 0.4s ease, transform 0.4s ease;
}

.glow-effect:hover {
    filter:
        drop-shadow(0 0 5px rgba(177, 99, 134, 0.3))
        drop-shadow(0 0 15px rgba(177, 99, 134, 0.3))
        drop-shadow(0 0 30px rgba(177, 99, 134, 0.3));
    transform: scale(1.05);
}

.threeD-effect {
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.threeD-effect:hover {
    transform: translateY(-8px) scale(1.03);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
}

/* ===============================
   Pro Effect (Glow + 3D)
   =============================== */
.pro-hover {
    transition:
        transform 0.35s ease,
        filter 0.35s ease,
        box-shadow 0.35s ease;
}

.pro-hover:hover {
    transform: translateY(-10px) scale(1.06);
    filter:
        drop-shadow(0 0 10px rgba(0, 255, 200, 0.7))
        drop-shadow(0 0 25px rgba(0, 255, 200, 0.7));
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.45);
}


.perspective-effect {
    transition: transform 0.4s ease, box-shadow 0.4s ease;
    transform-style: preserve-3d;
}

.perspective-effect:hover {
    transform: perspective(800px) rotateX(8deg) rotateY(-8deg) scale(1.05);
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.5);
}