:root { 
            --red: #e61e25; 
            --blue-navy: #0a192f;
            --accent: #00f2ff;
            --glass: rgba(0, 0, 0, 0.7);
        }

        body, html { margin: 0; padding: 0; width: 100%; height: 100%; background: #000; overflow: hidden; font-family: 'Hind Siliguri', sans-serif; color: #fff; }

        /* ভিডিও প্লেয়ার */
        .video-wrapper { position: absolute; inset: 0; z-index: 1; pointer-events: none; overflow: hidden; }
        #ytPlayer { width: 100vw; height: 100vh; transform: scale(1.6); }

        /* প্লে ওভারলে */
        #playOverlay { position: fixed; inset: 0; z-index: 100000; background: #000000cf; display: flex; flex-direction: column; align-items: center; justify-content: center; cursor: pointer; }
        
        /* প্লে বাটন অ্যানিমেশন */
        .play-btn { 
            width: 95px; height: 95px; background: var(--red); border-radius: 50%; 
            display: flex; align-items: center; justify-content: center; font-size: 35px; 
            color: #fff; border: 4px solid #fff; position: relative; z-index: 2;
        }
        
        /* Ripple Animation */
        .play-btn::before, .play-btn::after {
            content: ''; position: absolute; border: 2px solid var(--red);
            width: 100%; height: 100%; border-radius: 50%; z-index: -1;
            animation: ripple 2s linear infinite;
        }
        .play-btn::after { animation-delay: 1s; }

        @keyframes ripple {
            0% { transform: scale(1); opacity: 0.8; }
            100% { transform: scale(2.5); opacity: 0; }
        }

        /* লোগো ও সিগন্যাল */
        .header-left { position: absolute; top: 20px; left: 20px; z-index: 1000; display: flex; align-items: center; gap: 15px; }
        .logo-main { height: 130px; filter: drop-shadow(2px 5px 15px rgba(0,0,0,0.8)); }
        .live-tag { background: var(--red); padding: 3px 10px; border-radius: 4px; font-size: 12px; font-weight: bold; animation: blink 1s infinite; }

        /* টুলস মেনু (টপ রাইট) */
        .top-tools { position: fixed; right: 20px; top: 5px; z-index: 10000; display: flex; gap: 10px; }
        .tool-btn { background: var(--glass); color: white; width: 30px; height: 30px; border-radius: 8px; border: 1px solid rgba(255,255,255,0.2); cursor: pointer; backdrop-filter: blur(10px); display: flex; align-items: center; justify-content: center; transition: 0.3s; }
        .tool-btn:hover { background: var(--red); border-color: #fff; }

        /* নিউজ ফুটার */
        .news-footer { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; }

        /* ঘড়ি - এখন ডানে */
        .clock-container { 
            position: absolute; bottom: 86px; right: 0; 
            background: rgba(0, 0, 0, 0.54); padding: 5px 25px; 
            border-right: 6px solid var(--red); text-align: right; 
            backdrop-filter: blur(5px); border-radius: 15px 0 0 0;
        }
        #clock { font-family: 'Orbitron', sans-serif; font-size: 22px; color: var(--accent); display: block; }
        #date { font-size: 11px; color: #fff; letter-spacing: 1px; }

        /* মেইন নিউজ বার */
        .main-bar { display: flex; height: 60px; background: var(--blue-navy); border-top: 2px solid rgba(255,255,255,0.1); }
        .label-brk { background: var(--red); color: white; padding: 0 5px; display: flex; align-items: center; font-weight: 900; font-size: 22px; z-index: 10; position: relative; }

        .news-flow { flex: 1; overflow: hidden; display: flex; align-items: center; }
        .marquee-text { white-space: nowrap; font-size: 24px; font-weight: 600; animation: scrollNews 95s linear infinite; }

        .sub-bar { height: 26px; background: #fff; overflow: hidden; display: flex; align-items: center; }
        .sub-marquee { white-space: nowrap; font-size: 13px; color: #000; font-weight: 800; animation: scrollSub 35s linear infinite; }

        /* পপআপ মডাল */
        .modal-overlay { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.38); display: none; align-items: center; justify-content: center; z-index: 200000; backdrop-filter: blur(5px); }
        .modal-box { background: linear-gradient(145deg, #111, #222); border: 2px solid var(--red); padding: 40px; border-radius: 25px; width: 90%; max-width: 450px; text-align: center; color: white; position: relative; box-shadow: 0 20px 50px rgba(0,0,0,0.5); }
        .modal-box h2 { color: var(--red); margin-bottom: 15px; }
        .modal-box p { font-size: 18px; line-height: 1.6; }
        .close-btn { position: absolute; top: 15px; right: 20px; font-size: 25px; cursor: pointer; color: #fff; }

        /* এনিমেশনসমূহ */
        @keyframes scrollNews { 0% { transform: translateX(100%); } 100% { transform: translateX(-100%); } }
        @keyframes scrollSub { 0% { transform: translateX(100%); } 100% { transform: translateX(-100%); } }
        @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }

        /* মোবাইল ভার্সন */
        @media (max-width: 768px) {
            .logo-main { height: 110px; }
            .top-tools { top: 10px; right: 10px; gap: 6px; }
            .tool-btn { width: 34px; height: 34px; font-size: 13px; }
            .clock-container { bottom: 76px; padding: 4px 15px; }
            #clock { font-size: 18px; }
            .main-bar { height: 50px; }
            .marquee-text { font-size: 18px; }
            .label-brk { font-size: 16px; padding: 0 5px; }
        }

        .rotate-active { transform: rotate(90deg); width: 100vh; height: 100vw; position: absolute; top: 50%; left: 50%; translate: -50% -50%; }