/* Board Members Section Container */
.vvoa-board-members-main-section {
    height: max-content;
    padding: 110px 0 150px 0;
    background: linear-gradient(145deg, #f8fff8 0%, #ffffff 25%, #fff0f8 50%, #f0f8ff 75%, #f8fff8 100%);
    position: relative;
    overflow: hidden;
}

/* Team Unity Connection Network Pattern - Representing Board Collaboration & Shared Leadership */
.vvoa-board-team-unity-network-pattern-one {
    position: absolute;
    top: 8%;
    left: 5%;
    width: 320px;
    height: 420px;
    background: 
        /* Central board meeting hub */
        radial-gradient(circle at 50% 30%, 
            rgba(76, 175, 80, 0.12) 0%, 
            transparent 20%, 
            rgba(233, 30, 99, 0.08) 40%, 
            transparent 60%, 
            rgba(255, 152, 0, 0.06) 80%, 
            transparent 100%
        ),
        /* Board member connection lines forming decision network */
        conic-gradient(from 45deg at 40% 40%, 
            transparent 0deg, 
            rgba(76, 175, 80, 0.08) 45deg, 
            transparent 90deg, 
            rgba(255, 152, 0, 0.06) 135deg, 
            transparent 180deg, 
            rgba(25, 118, 210, 0.06) 225deg, 
            transparent 270deg, 
            rgba(233, 30, 99, 0.05) 315deg, 
            transparent 360deg
        ),
        /* Governance structure representation */
        repeating-linear-gradient(60deg, 
            transparent 0px, 
            rgba(76, 175, 80, 0.04) 3px, 
            transparent 6px, 
            transparent 25px
        );
    clip-path: polygon(
        15% 5%, 
        85% 8%, 
        92% 35%, 
        88% 65%, 
        75% 85%, 
        45% 92%, 
        25% 88%, 
        8% 70%, 
        5% 45%, 
        10% 20%
    );
    opacity: 0.3;
    animation: vvoa-board-governance-coordination-flow 20s ease-in-out infinite;
}

.vvoa-board-team-unity-network-pattern-one::before {
    content: '';
    position: absolute;
    top: 30%;
    left: 40%;
    width: 25%;
    height: 25%;
    background: 
        /* Board meeting coordination center with rotating roles */
        conic-gradient(from 0deg, 
            var(--primary-green) 0deg 72deg, 
            var(--primary-pink) 72deg 144deg, 
            var(--accent-orange) 144deg 216deg, 
            var(--primary-blue) 216deg 288deg, 
            var(--accent-purple) 288deg 360deg
        );
    border-radius: 50%;
    animation: vvoa-board-shared-leadership-rotation 20s linear infinite;
    box-shadow: 0 0 15px rgba(76, 175, 80, 0.3);
}

.vvoa-board-team-unity-network-pattern-one::after {
    content: '';
    position: absolute;
    top: 20%;
    left: 30%;
    width: 40%;
    height: 40%;
    border: 4px double var(--primary-green);
    border-radius: 50%;
    animation: vvoa-board-unity-bond-strengthen 20s ease-in-out infinite;
    opacity: 0.6;
}

.vvoa-board-team-unity-network-pattern-two {
    position: absolute;
    bottom: 12%;
    right: 8%;
    width: 280px;
    height: 360px;
    background: 
        /* Diverse expertise convergence in board decisions */
        repeating-conic-gradient(from 30deg at 55% 55%, 
            rgba(103, 58, 183, 0.08) 0deg 36deg, 
            transparent 36deg 72deg, 
            rgba(255, 193, 7, 0.07) 72deg 108deg, 
            transparent 108deg 144deg, 
            rgba(233, 30, 99, 0.06) 144deg 180deg, 
            transparent 180deg 216deg
        ),
        /* Knowledge integration pathways */
        radial-gradient(ellipse 200px 150px at 40% 70%, 
            rgba(76, 175, 80, 0.06) 0%, 
            transparent 25%, 
            rgba(255, 152, 0, 0.07) 50%, 
            transparent 75%, 
            rgba(25, 118, 210, 0.05) 90%, 
            transparent 100%
        ),
        /* Board expertise layering */
        linear-gradient(125deg, 
            transparent 0%, 
            rgba(103, 58, 183, 0.04) 20%, 
            transparent 40%, 
            rgba(255, 193, 7, 0.04) 60%, 
            transparent 80%
        );
    clip-path: polygon(
        5% 15%, 
        45% 2%, 
        85% 20%, 
        95% 50%, 
        88% 80%, 
        60% 95%, 
        25% 88%, 
        8% 65%, 
        2% 35%
    );
    opacity: 0.7;
    animation: vvoa-board-expertise-synthesis 25s ease-in-out infinite reverse;
}

.vvoa-board-team-unity-network-pattern-two::before {
    content: '';
    position: absolute;
    top: 35%;
    left: 45%;
    width: 35%;
    height: 35%;
    background: 
        /* Collective wisdom formation */
        repeating-radial-gradient(circle at 50% 50%, 
            var(--primary-green) 0px 4px, 
            transparent 4px 12px, 
            var(--accent-orange) 12px 16px, 
            transparent 16px 24px, 
            var(--primary-blue) 24px 28px, 
            transparent 28px 36px
        );
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: vvoa-board-collective-wisdom-formation 25s ease-in-out infinite;
    opacity: 0.4;
}

.vvoa-board-team-unity-network-pattern-two::after {
    content: '';
    position: absolute;
    top: 25%;
    left: 35%;
    width: 50%;
    height: 50%;
    border: 3px solid var(--accent-orange);
    border-radius: 50%;
    border-style: solid dotted dashed solid;
    transform: translate(-50%, -50%);
    animation: vvoa-board-expertise-integration-orbit 25s linear infinite reverse;
}

/* Volunteer Dedication Flowing Pattern - Representing Passion & Commitment Circulation */
.vvoa-board-volunteer-dedication-flow {
    position: absolute;
    top: 40%;
    left: 50%;
    width: 450px;
    height: 250px;
    background: 
        /* Heart-centered dedication streams */
        conic-gradient(from 90deg at 30% 50%, 
            transparent 0deg, 
            rgba(233, 30, 99, 0.06) 45deg, 
            transparent 90deg, 
            rgba(76, 175, 80, 0.05) 135deg, 
            transparent 180deg, 
            rgba(255, 152, 0, 0.05) 225deg, 
            transparent 270deg, 
            rgba(25, 118, 210, 0.04) 315deg, 
            transparent 360deg
        ),
        /* Compassion energy circulation */
        radial-gradient(ellipse 300px 150px at 70% 30%, 
            rgba(233, 30, 99, 0.04) 0%, 
            transparent 20%, 
            rgba(76, 175, 80, 0.05) 40%, 
            transparent 60%, 
            rgba(255, 193, 7, 0.04) 80%, 
            transparent 100%
        ),
        /* Volunteer spirit weaving pattern */
        repeating-linear-gradient(45deg, 
            transparent 0px, 
            rgba(76, 175, 80, 0.03) 2px, 
            transparent 4px, 
            transparent 20px
        ),
        repeating-linear-gradient(-45deg, 
            transparent 0px, 
            rgba(233, 30, 99, 0.03) 2px, 
            transparent 4px, 
            transparent 20px
        );
    clip-path: polygon(
        20% 25%, 
        50% 8%, 
        80% 25%, 
        90% 50%, 
        80% 75%, 
        50% 92%, 
        20% 75%, 
        10% 50%
    );
    transform: translate(-50%, -50%) rotate(25deg);
    opacity: 0.85;
    animation: vvoa-board-heart-centered-dedication-flow 22s ease-in-out infinite;
}

.vvoa-board-volunteer-dedication-flow::before {
    content: '';
    position: absolute;
    top: 40%;
    left: 30%;
    width: 40%;
    height: 20%;
    background: 
        /* Passion pulse core */
        linear-gradient(90deg, 
            var(--primary-pink) 0%, 
            var(--accent-orange) 25%, 
            var(--primary-green) 50%, 
            var(--accent-orange) 75%, 
            var(--primary-pink) 100%
        );
    border-radius: 50px;
    animation: vvoa-board-passion-pulse-core 22s ease-in-out infinite;
    opacity: 0.3;
}

.vvoa-board-volunteer-dedication-flow::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30%;
    height: 30%;
    background: 
        /* Heart of service visualization */
        radial-gradient(circle at 50% 40%, 
            var(--primary-pink) 0%, 
            transparent 30%, 
            var(--primary-green) 60%, 
            transparent 100%
        );
    clip-path: path('M12,21.35l-1.45-1.32C5.4,15.36,2,12.28,2,8.5 C2,5.42,4.42,3,7.5,3c1.74,0,3.41,0.81,4.5,2.09C13.09,3.81,14.76,3,16.5,3 C19.58,3,22,5.42,22,8.5c0,3.78-3.4,6.86-8.55,11.54L12,21.35z');
    transform: translate(-50%, -50%) scale(2);
    animation: vvoa-board-heart-of-service 22s ease-in-out infinite;
    opacity: 0.2;
}

/* Enhanced Board Team Collaboration and Dedication Animations */
@keyframes vvoa-board-dedication-circulation {
    0% { 
        transform: translate(-50%, -50%) rotate(20deg) scale(1); 
        border-radius: 60% 40% 70% 30%; 
        opacity: 0.7; 
    }
    25% { 
        transform: translate(-50%, -50%) rotate(25deg) scale(1.05); 
        border-radius: 40% 60% 50% 50%; 
        opacity: 0.8; 
    }
    50% { 
        transform: translate(-50%, -50%) rotate(15deg) scale(1); 
        border-radius: 70% 30% 60% 40%; 
        opacity: 0.9; 
    }
    75% { 
        transform: translate(-50%, -50%) rotate(30deg) scale(0.95); 
        border-radius: 50% 50% 40% 60%; 
        opacity: 0.8; 
    }
    100% { 
        transform: translate(-50%, -50%) rotate(20deg) scale(1); 
        border-radius: 60% 40% 70% 30%; 
        opacity: 0.7; 
    }
}

@keyframes vvoa-board-governance-coordination-flow {
    0% { 
        transform: translateX(0px) translateY(0px) rotate(0deg) scale(1); 
        opacity: 0.2; 
        background-position: 0% 0%, 0deg, 0% 0%;
    }
    20% { 
        transform: translateX(12px) translateY(-8px) rotate(3deg) scale(1.02); 
        opacity: 0.3; 
        background-position: 20% 20%, 72deg, 20% 20%;
    }
    40% { 
        transform: translateX(0px) translateY(-16px) rotate(0deg) scale(1); 
        opacity: 0.35; 
        background-position: 40% 40%, 144deg, 40% 40%;
    }
    60% { 
        transform: translateX(-8px) translateY(-12px) rotate(-2deg) scale(1.01); 
        opacity: 0.4; 
        background-position: 60% 60%, 216deg, 60% 60%;
    }
    80% { 
        transform: translateX(5px) translateY(-5px) rotate(1deg) scale(0.99); 
        opacity: 0.45; 
        background-position: 80% 80%, 288deg, 80% 80%;
    }
    100% { 
        transform: translateX(0px) translateY(0px) rotate(0deg) scale(1); 
        opacity: 0.12; 
        background-position: 100% 100%, 360deg, 100% 100%;
    }
}

@keyframes vvoa-board-shared-leadership-rotation {
    0% { 
        transform: rotate(0deg) scale(1); 
        opacity: 0.8; 
        box-shadow: 0 0 15px rgba(76, 175, 80, 0.3);
    }
    25% { 
        transform: rotate(90deg) scale(1.05); 
        opacity: 0.9; 
        box-shadow: 0 0 20px rgba(233, 30, 99, 0.4);
    }
    50% { 
        transform: rotate(180deg) scale(1.1); 
        opacity: 1; 
        box-shadow: 0 0 25px rgba(255, 152, 0, 0.5);
    }
    75% { 
        transform: rotate(270deg) scale(1.05); 
        opacity: 0.9; 
        box-shadow: 0 0 20px rgba(25, 118, 210, 0.4);
    }
    100% { 
        transform: rotate(360deg) scale(1); 
        opacity: 0.8; 
        box-shadow: 0 0 15px rgba(103, 58, 183, 0.3);
    }
}

@keyframes vvoa-board-unity-bond-strengthen {
    0%, 100% { 
        transform: scale(1) rotate(0deg); 
        opacity: 0.5; 
        border-width: 3px;
        border-color: var(--primary-green);
    }
    33% { 
        transform: scale(1.15) rotate(120deg); 
        opacity: 0.7; 
        border-width: 5px;
        border-color: var(--accent-orange);
    }
    66% { 
        transform: scale(1.25) rotate(240deg); 
        opacity: 0.8; 
        border-width: 6px;
        border-color: var(--primary-pink);
    }
}

@keyframes vvoa-board-expertise-synthesis {
    0% { 
        transform: translateX(0px) translateY(0px) scale(1) rotate(0deg); 
        opacity: 0.6; 
        background-position: 0deg, 0% 0%, 0% 0%;
    }
    25% { 
        transform: translateX(18px) translateY(12px) scale(1.03) rotate(5deg); 
        opacity: 0.7; 
        background-position: 90deg, 25% 25%, 25% 25%;
    }
    50% { 
        transform: translateX(8px) translateY(22px) scale(1.05) rotate(0deg); 
        opacity: 0.8; 
        background-position: 180deg, 50% 50%, 50% 50%;
    }
    75% { 
        transform: translateX(-5px) translateY(18px) scale(1.02) rotate(-3deg); 
        opacity: 0.75; 
        background-position: 270deg, 75% 75%, 75% 75%;
    }
    100% { 
        transform: translateX(0px) translateY(0px) scale(1) rotate(0deg); 
        opacity: 0.6; 
        background-position: 360deg, 100% 100%, 100% 100%;
    }
}

@keyframes vvoa-board-collective-wisdom-formation {
    0%, 100% { 
        transform: translate(-50%, -50%) scale(0.9) rotate(0deg); 
        opacity: 0.3; 
    }
    33% { 
        transform: translate(-50%, -50%) scale(1.1) rotate(120deg); 
        opacity: 0.5; 
    }
    66% { 
        transform: translate(-50%, -50%) scale(1.3) rotate(240deg); 
        opacity: 0.6; 
    }
}

@keyframes vvoa-board-expertise-integration-orbit {
    0% { 
        transform: translate(-50%, -50%) rotate(0deg); 
        border-color: var(--accent-orange); 
        opacity: 0.6;
    }
    20% { 
        transform: translate(-50%, -50%) rotate(72deg); 
        border-color: var(--primary-green); 
        opacity: 0.7;
    }
    40% { 
        transform: translate(-50%, -50%) rotate(144deg); 
        border-color: var(--primary-blue); 
        opacity: 0.8;
    }
    60% { 
        transform: translate(-50%, -50%) rotate(216deg); 
        border-color: var(--accent-purple); 
        opacity: 0.7;
    }
    80% { 
        transform: translate(-50%, -50%) rotate(288deg); 
        border-color: var(--primary-pink); 
        opacity: 0.6;
    }
    100% { 
        transform: translate(-50%, -50%) rotate(360deg); 
        border-color: var(--accent-orange); 
        opacity: 0.6;
    }
}

@keyframes vvoa-board-heart-centered-dedication-flow {
    0% { 
        transform: translate(-50%, -50%) rotate(25deg) scale(1); 
        clip-path: polygon(20% 25%, 50% 8%, 80% 25%, 90% 50%, 80% 75%, 50% 92%, 20% 75%, 10% 50%);
        opacity: 0.8; 
    }
    25% { 
        transform: translate(-50%, -50%) rotate(28deg) scale(1.02); 
        clip-path: polygon(25% 20%, 55% 5%, 85% 20%, 92% 45%, 85% 80%, 55% 95%, 25% 80%, 8% 55%);
        opacity: 0.85; 
    }
    50% { 
        transform: translate(-50%, -50%) rotate(22deg) scale(1.05); 
        clip-path: polygon(18% 30%, 48% 10%, 78% 30%, 88% 55%, 78% 70%, 48% 90%, 18% 70%, 12% 45%);
        opacity: 0.9; 
    }
    75% { 
        transform: translate(-50%, -50%) rotate(30deg) scale(1.03); 
        clip-path: polygon(22% 22%, 52% 6%, 82% 22%, 94% 48%, 82% 78%, 52% 94%, 22% 78%, 6% 52%);
        opacity: 0.87; 
    }
    100% { 
        transform: translate(-50%, -50%) rotate(25deg) scale(1); 
        clip-path: polygon(20% 25%, 50% 8%, 80% 25%, 90% 50%, 80% 75%, 50% 92%, 20% 75%, 10% 50%);
        opacity: 0.8; 
    }
}

@keyframes vvoa-board-passion-pulse-core {
    0%, 100% { 
        transform: scaleX(1) scaleY(1); 
        opacity: 0.2; 
        background-position: 0% 50%;
    }
    50% { 
        transform: scaleX(1.3) scaleY(1.8); 
        opacity: 0.4; 
        background-position: 100% 50%;
    }
}

@keyframes vvoa-board-heart-of-service {
    0%, 100% { 
        transform: translate(-50%, -50%) scale(1.8) rotate(0deg); 
        opacity: 0.15; 
    }
    50% { 
        transform: translate(-50%, -50%) scale(2.2) rotate(5deg); 
        opacity: 0.25; 
    }
}

@keyframes vvoa-board-dedication-circulation {
    0% { 
        transform: translate(-50%, -50%) rotate(20deg) scale(1); 
        border-radius: 60% 40% 70% 30%; 
        opacity: 0.7; 
    }
    25% { 
        transform: translate(-50%, -50%) rotate(25deg) scale(1.05); 
        border-radius: 40% 60% 50% 50%; 
        opacity: 0.8; 
    }
    50% { 
        transform: translate(-50%, -50%) rotate(15deg) scale(1); 
        border-radius: 70% 30% 60% 40%; 
        opacity: 0.9; 
    }
    75% { 
        transform: translate(-50%, -50%) rotate(30deg) scale(0.95); 
        border-radius: 50% 50% 40% 60%; 
        opacity: 0.8; 
    }
    100% { 
        transform: translate(-50%, -50%) rotate(20deg) scale(1); 
        border-radius: 60% 40% 70% 30%; 
        opacity: 0.7; 
    }
}

/* Container */
.vvoa-board-members-content-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 40px;
    display: flex;
    flex-direction: column;
    gap: 70px;
    position: relative;
}

/* Board Members Header */
.vvoa-board-members-section-header {
    text-align: center;
    position: relative;
}

.vvoa-board-members-section-title {
    font-size: 3.6rem;
    font-weight: 800;
    color: var(--primary-pink);
    margin-bottom: 25px;
    position: relative;
    cursor: pointer;
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    display: inline-block;
}

/* Team Heart Beat Animation */
.vvoa-board-members-section-title::before {
    content: '💚';
    position: absolute;
    left: -70px;
    top: 50%;
    transform: translateY(-50%) scale(0);
    font-size: 2.5rem;
    transition: all 0.7s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    opacity: 0;
    animation: vvoa-board-heart-beat 2s ease-in-out infinite paused;
}

.vvoa-board-members-section-title::after {
    content: '🤝';
    position: absolute;
    right: -70px;
    top: 50%;
    transform: translateY(-50%) scale(0);
    font-size: 2.5rem;
    transition: all 0.7s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.1s;
    opacity: 0;
}

.vvoa-board-members-section-title:hover::before,
.vvoa-board-members-section-title:hover::after {
    transform: translateY(-50%) scale(1);
    opacity: 1;
}

.vvoa-board-members-section-title:hover::before {
    animation: vvoa-board-heart-beat 1s ease-in-out infinite;
}

.vvoa-board-members-section-title:hover {
    transform: scale(1.08);
    color: var(--accent-orange);
    text-shadow: 0 15px 35px rgba(233, 30, 99, 0.3);
}

@keyframes vvoa-board-heart-beat {
    0%, 100% { transform: translateY(-50%) scale(1); }
    50% { transform: translateY(-50%) scale(1.2); }
}

/* The Heart of VVoA Subtitle */
.vvoa-board-heart-subtitle {
    font-size: 2rem;
    font-weight: 700;
    color: var(--primary-green);
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
}

.vvoa-board-heart-subtitle::before {
    content: '';
    position: absolute;
    bottom: -5px;
    left: -100%;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, var(--primary-green), var(--accent-orange), var(--primary-pink));
    transition: left 0.8s ease;
    border-radius: 2px;
}

.vvoa-board-members-section-title:hover + .vvoa-board-heart-subtitle::before {
    left: 100%;
}

/* Team Description */
.vvoa-board-team-description {
    font-size: 1.2rem;
    line-height: 1.8;
    color: var(--text-secondary);
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}

/* Board Members Grid */
.vvoa-board-members-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: center;
    align-items: flex-start;
}

/* Individual Board Member Card */
.vvoa-board-individual-member-card {
    background: linear-gradient(135deg, #ffffff 0%, #f8fff8 100%);
    border-radius: 25px;
    padding: 30px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
    position: relative;
    cursor: pointer;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
    width: 280px;
    text-align: center;
}

/* Passion and Dedication Aura Effect */
.vvoa-board-individual-member-card::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: 
        conic-gradient(from 0deg, 
            transparent 0deg, 
            rgba(76, 175, 80, 0.1) 60deg, 
            transparent 120deg, 
            rgba(233, 30, 99, 0.08) 180deg, 
            transparent 240deg, 
            rgba(255, 152, 0, 0.08) 300deg, 
            transparent 360deg
        );
    border-radius: 50%;
    transform: rotate(0deg);
    transition: all 0.8s ease;
    opacity: 0;
}

.vvoa-board-individual-member-card:hover::before {
    transform: rotate(360deg);
    opacity: 1;
}

.vvoa-board-individual-member-card:hover {
    transform: translateY(-15px) scale(1.03);
    box-shadow: 0 25px 60px rgba(76, 175, 80, 0.2);
}

/* Member Photo Container */
.vvoa-board-member-photo-container {
    width: 120px;
    height: 120px;
    margin: 0 auto 25px auto;
    position: relative;
    border-radius: 50%;
    border: 4px solid var(--primary-green);
    transition: all 0.4s ease;
}

.vvoa-board-member-photo-container:hover {
    border-color: var(--accent-orange);
    transform: scale(1.05);
}

.vvoa-board-member-photo {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
    transition: all 0.4s ease;
}

.vvoa-board-member-photo-container:hover .vvoa-board-member-photo {
    transform: scale(1.1);
    filter: brightness(1.1) saturate(1.2);
}

/* Expertise Badge */
.vvoa-board-expertise-badge {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 35px;
    height: 35px;
    background: var(--accent-orange);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1rem;
    font-weight: 700;
    border: 3px solid white;
    transition: all 0.4s ease;
    transform: scale(0);
}

.vvoa-board-individual-member-card:hover .vvoa-board-expertise-badge {
    transform: scale(1);
}

/* Member Name */
.vvoa-board-member-name {
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 15px;
    position: relative;
    z-index: 2;
    transition: color 0.3s ease;
}

.vvoa-board-individual-member-card:hover .vvoa-board-member-name {
    color: var(--primary-green);
}

/* Role/Title */
.vvoa-board-member-role {
    font-size: 1rem;
    color: var(--accent-orange);
    font-weight: 600;
    margin-bottom: 15px;
    position: relative;
    z-index: 2;
}

/* Passion Statement */
.vvoa-board-passion-statement {
    font-size: 0.95rem;
    line-height: 1.6;
    color: var(--text-secondary);
    font-style: italic;
    position: relative;
    z-index: 2;
}

/* Commitment Indicator */
.vvoa-board-commitment-indicator {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 5px;
}

.vvoa-board-commitment-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--primary-green);
    transition: all 0.3s ease;
    transform: scale(0);
}

.vvoa-board-individual-member-card:hover .vvoa-board-commitment-dot {
    transform: scale(1);
}

.vvoa-board-commitment-dot:nth-child(1) { transition-delay: 0.1s; }
.vvoa-board-commitment-dot:nth-child(2) { transition-delay: 0.2s; }
.vvoa-board-commitment-dot:nth-child(3) { transition-delay: 0.3s; }

/* Team Diversity Showcase */
.vvoa-board-team-diversity-showcase {
    background: linear-gradient(135deg, #f0f8ff 0%, #fff8f0 50%, #f8f0ff 100%);
    border-radius: 25px;
    padding: 40px;
    text-align: center;
    margin-top: 50px;
    position: relative;
    cursor: pointer;
    transition: all 0.5s ease;
    overflow: hidden;
}

/* Unity Strength Visualization */
.vvoa-board-team-diversity-showcase::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: radial-gradient(circle, rgba(76, 175, 80, 0.1) 0%, transparent 70%);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.8s ease;
}

.vvoa-board-team-diversity-showcase:hover::after {
    width: 600px;
    height: 600px;
}

.vvoa-board-team-diversity-showcase:hover {
    transform: scale(1.02);
    box-shadow: 0 20px 50px rgba(76, 175, 80, 0.15);
}

.vvoa-board-diversity-title {
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--primary-green);
    margin-bottom: 20px;
    position: relative;
    z-index: 2;
}

.vvoa-board-diversity-description {
    font-size: 1.1rem;
    line-height: 1.7;
    color: var(--text-secondary);
    position: relative;
    z-index: 2;
}

/* Responsive Design */
@media screen and (max-width: 768px) {
    .vvoa-board-members-content-container {
        padding: 0 20px;
        gap: 50px;
    }

    .vvoa-board-members-grid {
        gap: 30px;
    }

    .vvoa-board-individual-member-card {
        width: 100%;
        max-width: 300px;
    }

    .vvoa-board-members-section-title {
        font-size: 2.8rem;
    }

    .vvoa-board-heart-subtitle {
        font-size: 1.6rem;
    }

    .vvoa-board-members-section-title::before,
    .vvoa-board-members-section-title::after {
        display: none;
    }
}