/* Premium Industry Cards Styling */

.industry-card {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.industry-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: var(--gradient-primary);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.industry-card:hover::before {
    transform: scaleX(1);
}

.industry-card:hover {
    transform: translateY(-8px);
    box-shadow: var(--shadow-large);
}

/* Update all industry icons to use 3D styling */
.industry-card > div:first-child {
    width: 100px !important;
    height: 100px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 4rem !important;
    background: var(--gradient-primary) !important;
    border-radius: 24px !important;
    transform-style: preserve-3d !important;
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 
        0 15px 40px rgba(0, 102, 255, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
    margin-bottom: 1.5rem !important;
    position: relative !important;
}

.industry-card > div:first-child::after {
    content: '';
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    background: var(--gradient-primary);
    border-radius: 30px;
    opacity: 0;
    filter: blur(25px);
    transition: opacity 0.6s;
    z-index: -1;
}

.industry-card:hover > div:first-child {
    transform: rotateY(20deg) rotateX(10deg) translateZ(30px) scale(1.15) !important;
}

.industry-card:hover > div:first-child::after {
    opacity: 0.7;
}