/* Professional Matte Card Interaction */
.webinar-card-matte {
    border-top: 3px solid #002868 !important;
    transition: transform 0.2s ease;
}
.webinar-card-matte:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 20px rgba(0, 40, 104, 0.1) !important;
}
/* Green Live Pulse */
.live-pulse-green {
    width: 10px;
    height: 10px;
    background: #198754;
    border-radius: 50%;
    display: inline-block;
    animation: pulse-ring-green 1.5s infinite;
}

@keyframes pulse-ring-green {
    0% {
        box-shadow: 0 0 0 0 rgba(25, 135, 84, 0.7);
    }

    70% {
        box-shadow: 0 0 0 6px rgba(25, 135, 84, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(25, 135, 84, 0);
    }
}
/* Right-Aligned Live Pulse */
.live-pulse-red {
    width: 10px;
    height: 10px;
    background: #BF0A30;
    border-radius: 50%;
    display: inline-block;
    animation: pulse-ring 1.5s infinite;
}
/* Keeps the speaker box at approximately 25% of the content area */
#speaker-section {
    max-width: 280px; 
    font-size: 0.85rem;
}
#speaker-section img {
    width: 25px;
    height: 25px;
}


@keyframes pulse-ring {
    0% { box-shadow: 0 0 0 0 rgba(191, 10, 48, 0.7); }
    70% { box-shadow: 0 0 0 6px rgba(191, 10, 48, 0); }
    100% { box-shadow: 0 0 0 0 rgba(191, 10, 48, 0); }
}



body {
    opacity: 1;
    transform: translateY(5px);
    transition: opacity 0.2s ease, transform 0.2s ease;
}

body.ready {
    opacity: 1;
    transform: translateY(0);
}