@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
@import url(bootstrap.min.css);
@import url(font-awesome.min.css);

body { 
    background: #f4f6f9; 
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #333;
}

.sticky-header { 
    position: sticky;
    top: 0;
    z-index: 1050;
}

.live-dot {
    width: 8px;
    height: 8px;
    background: red;
    border-radius: 50%;
    display: inline-block;
    margin-right: 6px;
    animation: blink 1s infinite;
}

@keyframes blink { 50% { opacity: 0.3; } }

.ticker-wrapper {
    display: inline-block;
    white-space: nowrap;
    animation: scrollTicker 25s linear infinite;
}

@keyframes scrollTicker {
    0% { transform: translateX(100%); }
    100% { transform: translateX(-100%); }
}

.live-cards {
    display: flex;
    overflow-x: auto;
    gap: 10px;
}

.live-card { 
    min-width: 200px;
}

.news-img {
    height: 150px;
    object-fit: cover;
}

.active .nav-link {
    color: #fff;
    font-weight: bold;
    border-bottom: 1px solid #fff;
}