.team-card {
    transition: all 0.3s ease;
    transform-style: preserve-3d;
}
.team-card:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.domain-section {
    transition: all 0.5s ease;
    max-height: 0;
    overflow: hidden;
}
.domain-section.active {
    max-height: 2000px;
}
.flip-card {
    perspective: 1000px;
    min-height: 300px; /* Ensure consistent height for flipping */
}
.flip-card-inner {
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 300px; /* Match flip-card height */
}
.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}
.flip-card-front, .flip-card-back {
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 300px; /* Ensure content fits */
}
.flip-card-back {
    transform: rotateY(180deg);
}