.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.glass-card {
    background: rgba(23, 31, 51, 0.7);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(134, 148, 138, 0.2);
}

.neo-glow {
    box-shadow: 0 0 20px rgba(16, 185, 129, 0.2);
}

.neo-glow:hover {
    box-shadow: 0 0 40px rgba(78, 222, 163, 0.35);
}

.speaker-img {
    filter: grayscale(30%) contrast(1.1);
    transition: all 0.5s ease;
}

.speaker-card:hover .speaker-img {
    filter: grayscale(0%) contrast(1);
    transform: scale(1.05);
}

::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: #0b1326;
}

::-webkit-scrollbar-thumb {
    background: #10b981;
}

.animate-infinite-scroll {
    display: flex;
    width: max-content;
    animation: infinite-scroll 40s linear infinite;
}

@keyframes infinite-scroll {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

/* Hero Carousel Slider Styles */
#hero-carousel {
    display: flex;
    transition: transform 1.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    width: 600%;
    height: 100%;
}

.hero-carousel-item {
    width: 16.666%;
    height: 100%;
    flex-shrink: 0;
}

.hero-carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero-overlay {
    background: linear-gradient(to bottom, rgba(11, 19, 38, 0.6) 0%, rgba(11, 19, 38, 0.8) 40%, rgba(11, 19, 38, 0.95) 100%);
    position: absolute;
    inset: 0;
    z-index: 1;
}

/* Reel Overlay Styles */
.reel-overlay {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.4) 100%);
}