
    <style>
        body {
            background: #f5f5f5;
        }

        .top-header {
            background: #080808;
            color: #d4af37;
            padding: 30px 10px;
            text-align: center;
        }

        .top-header h1 {
            font-weight: 700;
            letter-spacing: 1px;
        }

        .nav-bar {
            background: #d4af37;
        }

        .nav-bar a {
            color: #fff !important;
            font-weight: 500;
            padding: 10px 14px;
        }

        .live-badge {
            background: red;
            color: #fff;
            font-size: 12px;
            padding: 2px 8px;
            border-radius: 20px;
        }

        /* .box-btn {
            color: #fff;
            font-weight: 600;
            text-align: center;
            padding: 20px 10px;
            border-radius: 6px;
            text-decoration: none;
            display: block;
        } */

        .box-btn {
            height: 90px;
            /* important for vertical center */
            padding: 10px;
            border-radius: 6px;
            color: #fff;
            font-weight: 600;
            text-decoration: none;
        }

        .category-icon {
            width: 50px;
            height: 50px;
            object-fit: contain;
            background: #fff;
            padding: 4px;
            border-radius: 50%;
        }


        .bg-red {
            background: #e53935;
        }

        .bg-orange {
            background: #fb8c00;
        }

        .bg-pink {
            background: #d81b60;
        }

        .bg-blue {
            background: #1e88e5;
        }

        .bg-green {
            background: #43a047;
        }

        .bg-brown {
            background: #6d1b1b;
        }

        .section-title {
            background: #0b1a6e;
            color: #fff;
            padding: 8px;
            font-weight: 600;
        }

        footer {
            background: #0b1a6e;
            color: #fff;
            padding: 20px;
            font-size: 14px;
        }

        @keyframes blink {
            0% {
                opacity: 1;
                transform: scale(1);
            }

            50% {
                opacity: 0.3;
                transform: scale(1.1);
            }

            100% {
                opacity: 1;
                transform: scale(1);
            }
        }

        .blink-icon {
            animation: blink 1.2s infinite;
        }



        .scroll-box {
            height: 220px;
            overflow: hidden;
            position: relative;
        }

        .scroll-box ul {
            animation: scrollUp 12s linear infinite;
        }

        .scroll-box li {
            padding: 6px 0;
        }

        .scroll-box a {
            text-decoration: none;
            color: #0b1a6e;
            font-weight: 500;
        }

        .scroll-box a:hover {
            text-decoration: underline;
            color: #e53935;
        }

        /* Pause on hover */
        .scroll-box:hover ul {
            animation-play-state: paused;
        }

        @keyframes scrollUp {
            0% {
                transform: translateY(100%);
            }

            100% {
                transform: translateY(-100%);
            }
        }

        .live-badge {
            background: red;
            color: #fff;
            font-size: 12px;
            padding: 3px 10px;
            border-radius: 20px;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            font-weight: 600;
        }

        .live-dot {
            width: 8px;
            height: 8px;
            background: #00ff4c;
            border-radius: 50%;
            animation: liveBlink 1.2s infinite;
            box-shadow: 0 0 6px rgba(0, 255, 76, 0.9);
        }

        @keyframes liveBlink {
            0% {
                opacity: 1;
            }

            50% {
                opacity: 0.3;
            }

            100% {
                opacity: 1;
            }
        }
    </style>