/* complete-redesign.css */
*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif !important;line-height:1.6;background:linear-gradient(135deg,#2563eb 0%,#1e40af 25%,#3b82f6 50%,#1d4ed8 75%,#1e3a8a 100%) !important;background-attachment:fixed !important;background-size:400% 400% !important;animation:gradientMove 15s ease infinite !important;min-height:100vh !important;overflow-x:hidden;color:#1a202c;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes gradientMove{0%,100%{background-position:0 50%}25%{background-position:100% 0%}50%{background-position:100% 100%}75%{background-position:0 100%}}.container{max-width:1400px !important;width:95% !important;margin:0 auto !important;padding:0 20px !important}section.mainContainer{max-width:1400px !important;width:calc(100% - 40px) !important;margin:20px auto !important;background:#fff !important;border-radius:24px !important;border:1px solid rgba(0,0,0,.1) !important;box-shadow:0 8px 32px rgba(0,0,0,.08) !important;padding:0 32px !important;min-height:calc(100vh - 40px) !important;position:relative !important;overflow:hidden !important}.modern-header{position:sticky !important;top:0 !important;z-index:1000 !important;margin:0 !important;padding:24px 0px !important;border-radius:24px 24px 0 0 !important;background:#fff !important;border:none !important;border-bottom:1px solid rgba(0,0,0,.08) !important;box-shadow:0 1px 4px rgba(0,0,0,.05) !important;transition:all .3s ease !important;overflow:visible !important}.header-container{position:relative !important;display:grid !important;grid-template-columns:auto 1fr !important;align-items:center !important;padding:0 !important;gap:48px !important;max-width:none !important;width:100% !important}.logo-section{flex-shrink:0 !important}.logo-link{display:block !important;transition:transform .3s cubic-bezier(.4,0,.2,1) !important}.logo-link:hover{transform:scale(1.02) !important}.logo-img{height:48px !important;width:auto !important;border-radius:12px !important;transition:all .3s ease !important;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1)) !important}.header-right{display:flex !important;align-items:center !important;gap:32px !important;flex:1 !important;justify-content:flex-end !important}.nav-tabs{display:flex !important;align-items:center !important;gap:8px !important;background:rgba(0,0,0,.05) !important;padding:8px !important;border-radius:16px !important;backdrop-filter:blur(8px) !important}.nav-tab{padding:12px 20px !important;border-radius:12px !important;font-size:14px !important;font-weight:600 !important;color:#64748b !important;text-decoration:none !important;transition:all .2s ease !important;position:relative !important;overflow:hidden !important}.nav-tab:hover{background:rgba(59,130,246,.1) !important;color:#3b82f6 !important;transform:translateY(-1px) !important}.nav-tab.active{background:linear-gradient(135deg,#3b82f6,#6366f1) !important;color:white !important;box-shadow:0 4px 12px rgba(59,130,246,.3) !important}.inline-search{display:flex !important;align-items:center !important;gap:8px !important;position:relative !important}.search-toggle{display:flex !important;align-items:center !important;justify-content:center !important;width:44px !important;height:44px !important;border:none !important;border-radius:12px !important;background:rgba(0,0,0,.06) !important;color:#64748b !important;cursor:pointer !important;transition:all .2s ease !important}.search-toggle:hover{background:rgba(59,130,246,.1) !important;color:#3b82f6 !important}.search-icon{width:20px !important;height:20px !important;stroke:currentColor !important;fill:none !important;stroke-width:2 !important}.theme-toggle{display:flex !important;align-items:center !important;justify-content:center !important;width:44px !important;height:44px !important;border:none !important;border-radius:12px !important;background:rgba(0,0,0,.06) !important;cursor:pointer !important;transition:all .2s ease !important;position:relative !important;overflow:hidden !important}.theme-toggle:hover{background:rgba(59,130,246,.1) !important}.toggle-thumb{display:flex !important;align-items:center !important;justify-content:center !important;width:100% !important;height:100% !important}.sun-icon,.moon-icon{width:20px !important;height:20px !important;color:#64748b !important;transition:all .3s ease !important}section.yayinAndListe{display:grid !important;grid-template-columns:1fr 360px !important;gap:32px !important;padding:24px 0px !important;min-height:auto !important}.yayin{display:flex !important;flex-direction:column !important;gap:24px !important;min-height:500px !important}.kontrolPanel{background:#f8fafc !important;border-radius:16px !important;border:1px solid rgba(0,0,0,.08) !important;overflow:hidden !important;height:fit-content !important;position:sticky !important;top:100px !important}.kontrolPanel .tab{padding:12px !important}.subNav{display:flex !important;flex-direction:column !important;gap:8px !important;margin-bottom:24px !important}.changeSportButton{display:flex !important;align-items:center !important;gap:12px !important;padding:12px 16px !important;border-radius:8px !important;background:#fff !important;border:1px solid rgba(0,0,0,.1) !important;cursor:pointer !important;transition:all .2s ease !important;font-size:14px !important;font-weight:500 !important;color:#64748b !important;text-decoration:none !important;user-select:none !important;-webkit-tap-highlight-color:transparent !important}.changeSportButton:hover{background:#f1f5f9 !important;border-color:rgba(0,0,0,.15) !important;color:#334155 !important}.changeSportButton.aktif,.changeSportButton.mavi,.changeSportButton.yesil{background:#3b82f6 !important;border-color:#3b82f6 !important;color:white !important;box-shadow:0 2px 4px rgba(59,130,246,.2) !important}.changeSportButton svg{width:18px !important;height:18px !important;opacity:.8 !important;fill:currentColor !important}.arama{margin-bottom:20px !important}.arama input{width:100% !important;padding:12px 16px !important;border:1px solid rgba(0,0,0,.1) !important;border-radius:8px !important;background:#fff !important;font-size:14px !important;color:#374151 !important;transition:all .2s ease !important;font-family:Inter,sans-serif !important}.arama input:focus{outline:none !important;border-color:#3b82f6 !important;box-shadow:0 0 0 2px rgba(59,130,246,.1) !important}.arama input::placeholder{color:#9ca3af !important}body.dark .arama input{background:#475569 !important;border-color:rgba(255,255,255,.1) !important;color:#e2e8f0 !important}body.dark .arama input::placeholder{color:#94a3b8 !important}.macListeWrapper{height:400px !important;overflow-y:auto !important;overflow-x:hidden !important;padding-right:8px !important;background:transparent !important}.macListeWrapper::-webkit-scrollbar{width:6px !important}.macListeWrapper::-webkit-scrollbar-track{background:rgba(0,0,0,.05) !important;border-radius:3px !important}.macListeWrapper::-webkit-scrollbar-thumb{background:rgba(59,130,246,.3) !important;border-radius:3px !important}.macListeWrapper::-webkit-scrollbar-thumb:hover{background:rgba(59,130,246,.5) !important}.macListe{display:none;flex-direction:column;gap:8px;opacity:0}.macListe.show{display:flex !important;flex-direction:column !important;opacity:1 !important}.macListe[style*="display:flex"]{display:flex !important;flex-direction:column !important;visibility:visible !important;opacity:1 !important}.macListe[style*="display:none"]{display:none !important;visibility:hidden !important}.macListe[style*="!important"]{display:flex !important;flex-direction:column !important;visibility:visible !important;opacity:1 !important}.macListe.show,.macListe[style*="display:flex"],.macListe[style*="!important"]{display:flex !important;flex-direction:column !important;visibility:visible !important;opacity:1 !important;position:relative !important;z-index:9999 !important}.macListe:not(.show):not([style*="display:flex"]):not([style*="!important"]){display:none !important;visibility:hidden !important}.mac{display:flex !important;flex-direction:column !important;gap:8px !important;padding:16px !important;background:#fff !important;border:1px solid rgba(0,0,0,.08) !important;border-radius:12px !important;cursor:pointer !important;transition:all .2s ease !important;position:relative !important;overflow:hidden !important;text-decoration:none !important;color:inherit !important;user-select:none !important;opacity:1 !important}.mac::before{content:'' !important;position:absolute !important;left:0 !important;top:0 !important;width:4px !important;height:100% !important;background:linear-gradient(to bottom,#3b82f6,#6366f1) !important;opacity:0;transition:opacity .2s ease !important}.mac:hover{background:#f8fafc !important;border-color:rgba(0,0,0,.15) !important;transform:translateY(-1px) !important;box-shadow:0 4px 12px rgba(0,0,0,.06) !important}.mac:hover::before{opacity:1 !important}.mac.aktif{background:#eff6ff !important;border-color:#3b82f6 !important;box-shadow:0 2px 8px rgba(59,130,246,.15) !important}.mac.aktif::before{opacity:1 !important}.mac .saat{font-size:12px !important;font-weight:600 !important;color:#3b82f6 !important;background:rgba(59,130,246,.1) !important;padding:4px 8px !important;border-radius:6px !important;width:fit-content !important}.mac .takimlar{font-size:14px !important;font-weight:600 !important;color:#1e293b !important;line-height:1.3 !important}.mac .lig{font-size:12px !important;color:#64748b !important;font-weight:500 !important}@media (max-width:1024px){section.yayinAndListe{grid-template-columns:1fr !important;gap:24px !important}.kontrolPanel{position:static !important;order:1 !important}.yayin{order:2 !important}.subNav{flex-direction:row !important;flex-wrap:wrap !important;gap:8px !important}.changeSportButton{flex:1 !important;min-width:calc(50% - 4px) !important;justify-content:center !important}}@media (max-width:768px){section.mainContainer{width:calc(100% - 16px) !important;margin:10px auto !important;border-radius:20px !important;padding:0 20px !important}.modern-header{padding:16px 0px !important;border-radius:20px 20px 0 0 !important}.header-container{gap:16px !important}.header-right{gap:12px !important}.nav-tabs{display:none !important}section.yayinAndListe{padding:20px 0px !important}.kontrolPanel{top:80px !important}.macListeWrapper{height:300px !important}}@media (max-width:480px){.header-container{grid-template-columns:1fr !important;gap:16px !important;text-align:center !important}.header-right{justify-content:center !important;flex-wrap:wrap !important;gap:12px !important}.changeSportButton{min-width:100% !important}}footer,.otherContent{padding:24px 0px !important;border-radius:0 0 24px 24px !important;background:#f8fafc !important;border-top:1px solid rgba(0,0,0,.08) !important;margin-top:auto !important}.contentBox{background:#fff !important;border-radius:12px !important;padding:24px !important;border:1px solid rgba(0,0,0,.08) !important;margin-bottom:20px !important;color:#374151 !important;line-height:1.6 !important}.topReklam{margin-bottom:24px !important;border-radius:16px !important;overflow:hidden !important;box-shadow:0 4px 12px rgba(0,0,0,.08) !important}.ad-section{border-radius:16px !important;overflow:hidden !important;margin-bottom:24px !important}h1,h2,h3,h4,h5,h6{font-family:Inter,sans-serif !important;font-weight:600 !important;color:#1e293b !important;line-height:1.3 !important;margin-bottom:16px !important}p{font-size:15px !important;line-height:1.6 !important;color:#475569 !important;margin-bottom:16px !important}a{color:#3b82f6 !important;text-decoration:none !important;transition:color .2s ease !important}a:hover{color:#2563eb !important}body.dark h1,body.dark h2,body.dark h3,body.dark h4,body.dark h5,body.dark h6{color:#e2e8f0 !important}body.dark p{color:#cbd5e1 !important}*{box-sizing:border-box !important}*,*::before,*::after{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform !important;transition-timing-function:cubic-bezier(.4,0,.2,1) !important;transition-duration:.2s !important}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #3b82f6 !important;outline-offset:2px !important}.loading{opacity:.7 !important;pointer-events:none !important;filter:grayscale(.5) !important}.error{border-color:#ef4444 !important;background:rgba(239,68,68,.05) !important}.success{border-color:#10b981 !important;background:rgba(16,185,129,.05) !important}.topNav,.topNav *,header *,section *{transition:all .2s cubic-bezier(.4,0,.2,1) !important}button,.btn,input[type="submit"]{font-family:Inter,sans-serif !important;font-weight:500 !important;cursor:pointer !important;transition:all .2s ease !important}html{scrollbar-width:thin !important;scrollbar-color:rgba(59,130,246,.3) transparent !important}html::-webkit-scrollbar{width:8px !important}html::-webkit-scrollbar-track{background:transparent !important}html::-webkit-scrollbar-thumb{background:rgba(59,130,246,.3) !important;border-radius:4px !important}html::-webkit-scrollbar-thumb:hover{background:rgba(59,130,246,.5) !important}.modern-header,.kontrolPanel,.mac{will-change:transform !important}@media (prefers-contrast:high){.nav-tab.active,.changeSportButton.aktif{background:#000 !important;color:#fff !important;border:2px solid #fff !important}.mac{border:2px solid #000 !important}}body.dark{background:linear-gradient(135deg,#1e293b 0%,#0f172a 25%,#334155 50%,#1e293b 75%,#0f172a 100%) !important}body.dark section.mainContainer{background:#1e293b !important;border-color:rgba(255,255,255,.1) !important}body.dark .modern-header{background:#1e293b !important;border-color:rgba(255,255,255,.1) !important}body.dark .kontrolPanel{background:#334155 !important;border-color:rgba(255,255,255,.1) !important}body.dark .changeSportButton{background:#475569 !important;border-color:rgba(255,255,255,.1) !important;color:#e2e8f0 !important}body.dark .changeSportButton:hover{background:#64748b !important;border-color:rgba(255,255,255,.2) !important}body.dark .changeSportButton.aktif{background:#3b82f6 !important;color:white !important}body.dark .mac{background:#475569 !important;border-color:rgba(255,255,255,.1) !important;color:#e2e8f0 !important}body.dark .mac:hover{background:#64748b !important;border-color:rgba(255,255,255,.2) !important}body.dark .contentBox{background:#475569 !important;border-color:rgba(255,255,255,.1) !important;color:#e2e8f0 !important}body.dark footer,body.dark .otherContent{background:rgba(45,55,72,.95) !important;border-color:rgba(255,255,255,.1) !important}body.dark section.yayinAndListe{background:transparent !important}.logo-link{display:block !important;text-decoration:none !important;transition:all .4s cubic-bezier(.4,0,.2,1) !important}.logo-wrapper{position:relative !important;display:inline-block !important;padding:12px !important;border-radius:20px !important;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.05) 100%) !important;backdrop-filter:blur(20px) !important;border:1px solid rgba(255,255,255,.15) !important;transition:all .4s cubic-bezier(.4,0,.2,1) !important;overflow:hidden !important}.logo-wrapper::before{content:'' !important;position:absolute !important;inset:0 !important;background:linear-gradient(135deg,rgba(102,126,234,.1) 0%,rgba(240,147,251,.1) 100%) !important;opacity:0 !important;transition:opacity .4s ease !important}.logo-link:hover .logo-wrapper::before{opacity:1 !important}.logo-link:hover .logo-wrapper{transform:translateY(-4px) scale(1.05) !important;box-shadow:0 20px 40px rgba(102,126,234,.2),0 8px 20px rgba(240,147,251,.15) !important}.logo-img{height:48px !important;width:auto !important;display:block !important;border-radius:12px !important;position:relative !important;z-index:2 !important;transition:all .4s ease !important}.logo-glow{position:absolute !important;inset:-4px !important;border-radius:24px !important;background:linear-gradient(135deg,#667eea,#f093fb,#4facfe) !important;opacity:0 !important;transition:opacity .4s ease !important;filter:blur(12px) !important;z-index:1 !important}.logo-link:hover .logo-glow{opacity:.4 !important}.modern-nav{display:none !important}.header-right{display:flex !important;align-items:center !important;gap:16px !important;justify-content:flex-end !important}.nav-tabs{display:flex !important;align-items:center !important;gap:8px !important}.nav-tab{display:inline-flex !important;align-items:center !important;padding:10px 14px !important;font-weight:600 !important;font-size:14px !important;color:#e2e8f0 !important;text-decoration:none !important;border-radius:12px !important;background:rgba(255,255,255,.06) !important;border:1px solid rgba(255,255,255,.12) !important;transition:all .25s ease !important}.nav-tab:hover,.nav-tab.active{color:#fff !important;background:linear-gradient(135deg,rgba(102,126,234,.35),rgba(118,75,162,.35)) !important;border-color:rgba(255,255,255,.3) !important;transform:translateY(-2px) !important;box-shadow:0 10px 20px rgba(102,126,234,.25) !important}.nav-channels{display:none !important}.inline-search{display:inline-flex !important;align-items:center !important;gap:10px !important;position:relative !important}body.dark .nav-tab{background:rgba(30,42,59,.2) !important;border-color:rgba(71,85,105,.35) !important;color:#cbd5e1 !important}body.dark .nav-tab:hover,body.dark .nav-tab.active{background:linear-gradient(135deg,rgba(102,126,234,.35),rgba(118,75,162,.35)) !important;color:#fff !important}body.dark .search-toggle{background:rgba(30,42,59,.2) !important;border-color:rgba(71,85,105,.35) !important}body.dark .header-search-input{background:rgba(30,42,59,.35) !important;border-color:rgba(71,85,105,.5) !important}.channel-pill{position:relative !important;display:flex !important;align-items:center !important;gap:8px !important;padding:12px 20px !important;text-decoration:none !important;font-weight:700 !important;font-size:13px !important;text-transform:uppercase !important;letter-spacing:.8px !important;border-radius:25px !important;transition:all .4s cubic-bezier(.4,0,.2,1) !important;overflow:hidden !important;backdrop-filter:blur(20px) !important;border:1px solid rgba(255,255,255,.2) !important}.channel-pill::before{content:'' !important;position:absolute !important;top:0 !important;left:-100% !important;width:100% !important;height:100% !important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent) !important;transition:left .8s ease !important}.channel-pill:hover::before{left:100% !important}.channel-pill.bein{background:linear-gradient(135deg,#0ea5e9 0%,#06b6d4 100%) !important;color:white !important;box-shadow:0 8px 25px rgba(14,165,233,.3) !important}.channel-pill.nba{background:linear-gradient(135deg,#dc2626 0%,#ef4444 100%) !important;color:white !important;box-shadow:0 8px 25px rgba(220,38,38,.3) !important}.channel-pill.ssport{background:linear-gradient(135deg,#ea580c 0%,#f97316 100%) !important;color:white !important;box-shadow:0 8px 25px rgba(234,88,12,.3) !important}.channel-pill.smart{background:linear-gradient(135deg,#7c3aed 0%,#a855f7 100%) !important;color:white !important;box-shadow:0 8px 25px rgba(124,58,237,.3) !important}.channel-pill:hover{transform:translateY(-4px) scale(1.05) !important;box-shadow:0 16px 40px rgba(0,0,0,.2),0 8px 20px rgba(0,0,0,.1) !important}.channel-text{position:relative !important;z-index:2 !important}.channel-live{width:8px !important;height:8px !important;border-radius:50% !important;background:#22c55e !important;box-shadow:0 0 0 2px rgba(34,197,94,.3) !important;animation:livePulse 2s ease-in-out infinite !important}@keyframes livePulse{0%,100%{box-shadow:0 0 0 2px rgba(34,197,94,.3);opacity:1}50%{box-shadow:0 0 0 8px rgba(34,197,94,0);opacity:.8}}.nav{display:flex !important;align-items:center !important;gap:16px !important;flex:1 !important;justify-content:center !important}.nav-link{display:flex !important;align-items:center !important;gap:6px !important;padding:10px 16px !important;color:#4a5568 !important;text-decoration:none !important;font-weight:600 !important;font-size:14px !important;border-radius:12px !important;background:rgba(248,250,252,.8) !important;border:1px solid rgba(226,232,240,.6) !important;transition:all .3s ease !important;position:relative !important;overflow:hidden !important}.nav-link::before{content:'' !important;position:absolute !important;inset:0 !important;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%) !important;opacity:0 !important;transition:opacity .3s ease !important;z-index:-1 !important}.nav-link:hover::before,.nav-link.active::before{opacity:1 !important}.nav-link:hover,.nav-link.active{color:white !important;transform:translateY(-2px) !important;box-shadow:0 8px 20px rgba(102,126,234,.3) !important;border-color:transparent !important}.nav-link svg{width:16px !important;height:16px !important;fill:currentColor !important}.nav-link.channel{background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%) !important;color:white !important;font-size:12px !important;padding:8px 14px !important;text-transform:uppercase !important;letter-spacing:.5px !important}.nav-link.channel:hover{transform:translateY(-2px) scale(1.05) !important;box-shadow:0 8px 20px rgba(14,165,233,.4) !important}.header-actions{display:flex !important;align-items:center !important;gap:12px !important}.mobile-menu{width:44px !important;height:44px !important;border:none !important;border-radius:12px !important;background:#f8fafc !important;border:1px solid rgba(226,232,240,.6) !important;cursor:pointer !important;display:none !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:4px !important;transition:all .3s ease !important}.mobile-menu span{width:20px !important;height:2px !important;background:#4a5568 !important;border-radius:1px !important;transition:all .3s ease !important}.mobile-menu:hover{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%) !important;border-color:transparent !important}.mobile-menu:hover span{background:white !important}.header-controls{display:flex !important;align-items:center !important;gap:16px !important;flex-shrink:0 !important}.control-btn{position:relative !important;width:52px !important;height:52px !important;border:none !important;border-radius:50% !important;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.05) 100%) !important;backdrop-filter:blur(20px) !important;border:1px solid rgba(255,255,255,.15) !important;cursor:pointer !important;display:flex !important;align-items:center !important;justify-content:center !important;transition:all .4s cubic-bezier(.4,0,.2,1) !important;overflow:hidden !important}.control-btn::before{content:'' !important;position:absolute !important;inset:0 !important;background:linear-gradient(135deg,rgba(102,126,234,.2) 0%,rgba(240,147,251,.2) 100%) !important;opacity:0 !important;transition:all .4s ease !important;border-radius:50% !important}.control-btn:hover::before{opacity:1 !important}.control-btn:hover{transform:translateY(-4px) scale(1.1) !important;box-shadow:0 16px 32px rgba(102,126,234,.3),0 8px 16px rgba(240,147,251,.2) !important;border-color:rgba(255,255,255,.3) !important}.control-btn svg{width:22px !important;height:22px !important;fill:rgba(255,255,255,.8) !important;transition:all .3s ease !important;position:relative !important;z-index:2 !important}.control-btn:hover svg{fill:white !important;transform:scale(1.1) !important}.btn-ripple{position:absolute !important;inset:0 !important;border-radius:50% !important;background:radial-gradient(circle,rgba(255,255,255,.4) 0%,transparent 70%) !important;opacity:0 !important;transform:scale(0) !important;transition:all .6s ease !important;pointer-events:none !important}.control-btn:active .btn-ripple{opacity:1 !important;transform:scale(1) !important;transition:all .3s ease !important}.hamburger{width:24px !important;height:18px !important;display:flex !important;flex-direction:column !important;justify-content:space-between !important}.hamburger span{width:100% !important;height:2px !important;background:rgba(255,255,255,.8) !important;border-radius:1px !important;transition:all .3s cubic-bezier(.4,0,.2,1) !important;transform-origin:center !important}.control-btn:hover .hamburger span{background:white !important}.mobile-btn.active .hamburger span:nth-child(1){transform:translateY(8px) rotate(45deg) !important}.mobile-btn.active .hamburger span:nth-child(2){opacity:0 !important;transform:scaleX(0) !important}.mobile-btn.active .hamburger span:nth-child(3){transform:translateY(-8px) rotate(-45deg) !important}.floating-search{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;background:rgba(0,0,0,.8) !important;backdrop-filter:blur(20px) !important;z-index:9999 !important;display:flex !important;align-items:center !important;justify-content:center !important;opacity:0 !important;visibility:hidden !important;transition:all .4s cubic-bezier(.4,0,.2,1) !important}.floating-search.active{opacity:1 !important;visibility:visible !important}.search-container{position:relative !important;max-width:600px !important;width:90% !important;transform:translateY(50px) !important;transition:transform .4s cubic-bezier(.4,0,.2,1) !important}.floating-search.active .search-container{transform:translateY(0) !important}.search-input{width:100% !important;padding:24px 32px 24px 60px !important;border:none !important;border-radius:30px !important;font-size:20px !important;font-weight:500 !important;background:linear-gradient(135deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.9) 100%) !important;backdrop-filter:blur(40px) !important;box-shadow:0 20px 60px rgba(0,0,0,.2),0 8px 32px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.5) !important;border:1px solid rgba(255,255,255,.3) !important;outline:none !important;transition:all .3s ease !important}.search-input::before{content:'' !important;position:absolute !important;left:24px !important;top:50% !important;transform:translateY(-50%) !important;width:24px !important;height:24px !important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23667eea'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E") !important;background-size:contain !important;opacity:.6 !important}.search-input:focus{box-shadow:0 30px 80px rgba(102,126,234,.3),0 12px 40px rgba(240,147,251,.2),inset 0 1px 0 rgba(255,255,255,.7) !important;border-color:rgba(102,126,234,.4) !important}.search-close{position:absolute !important;right:20px !important;top:50% !important;transform:translateY(-50%) !important;width:40px !important;height:40px !important;border:none !important;border-radius:50% !important;background:rgba(0,0,0,.1) !important;color:#666 !important;font-size:24px !important;cursor:pointer !important;display:flex !important;align-items:center !important;justify-content:center !important;transition:all .3s ease !important}.search-close:hover{background:#ef4444 !important;color:white !important;transform:translateY(-50%) scale(1.1) !important}.search-container{position:relative !important;display:flex !important;align-items:center !important}.search-input{width:200px !important;padding:10px 16px 10px 44px !important;border:2px solid #e2e8f0 !important;border-radius:25px !important;font-size:14px !important;background:#f8fafc !important;transition:all .3s ease !important;outline:none !important}.search-input:focus{border-color:#667eea !important;background:white !important;box-shadow:0 0 0 3px rgba(102,126,234,.1) !important;width:280px !important}.search-btn{position:absolute !important;left:12px !important;background:none !important;border:none !important;cursor:pointer !important;padding:4px !important;border-radius:50% !important;transition:background .3s ease !important}.search-btn:hover{background:rgba(102,126,234,.1) !important}.search-icon{width:20px !important;height:20px !important;fill:#64748b !important;transition:fill .3s ease !important}.search-input:focus+.search-btn .search-icon{fill:#667eea !important}.search-results{position:absolute !important;top:100% !important;left:0 !important;right:0 !important;background:white !important;border:1px solid #e2e8f0 !important;border-radius:12px !important;box-shadow:0 8px 32px rgba(0,0,0,.1) !important;max-height:300px !important;overflow-y:auto !important;z-index:1000 !important;margin-top:8px !important}.search-result-item{display:flex !important;align-items:center !important;padding:12px 16px !important;cursor:pointer !important;transition:background .3s ease !important;border-bottom:1px solid #f1f5f9 !important}.search-result-item:hover{background:#f8fafc !important}.search-result-item:last-child{border-bottom:none !important}.search-result-time{background:#667eea !important;color:white !important;padding:4px 8px !important;border-radius:8px !important;font-size:11px !important;font-weight:700 !important;margin-right:12px !important}.search-result-teams{flex:1 !important;font-weight:600 !important;color:#1a202c !important}.search-result-league{font-size:12px !important;color:#64748b !important;background:#f1f5f9 !important;padding:2px 6px !important;border-radius:6px !important}.search-result-item.active{background:#f8fafc !important}.search-result-icon{width:16px !important;height:16px !important;margin-right:12px !important}.search-loading{display:flex !important;flex-direction:column !important;align-items:center !important;padding:24px !important;color:#64748b !important}.search-loading .loading-spinner{width:24px !important;height:24px !important;border:2px solid #e2e8f0 !important;border-top:2px solid #667eea !important;border-radius:50% !important;animation:spin 1s linear infinite !important;margin-bottom:12px !important}.search-no-results,.search-error{display:flex !important;flex-direction:column !important;align-items:center !important;padding:32px 24px !important;text-align:center !important;color:#64748b !important}.search-no-results svg,.search-error svg{margin-bottom:12px !important}.search-no-results p,.search-error p{margin:0 0 8px 0 !important;font-weight:600 !important;color:#1a202c !important}.search-no-results small{font-size:12px !important;color:#94a3b8 !important}.mobile-menu-toggle{width:48px !important;height:48px !important;border:none !important;border-radius:12px !important;background:#f8fafc !important;cursor:pointer !important;display:none !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:4px !important;transition:all .3s ease !important}.mobile-menu-toggle:hover{background:#e2e8f0 !important}.hamburger-line{width:20px !important;height:2px !important;background:#4a5568 !important;border-radius:1px !important;transition:all .3s ease !important}.mobile-menu-toggle[aria-expanded="true"] .hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px) !important}.mobile-menu-toggle[aria-expanded="true"] .hamburger-line:nth-child(2){opacity:0 !important}.mobile-menu-toggle[aria-expanded="true"] .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(7px,-6px) !important}section.yayinAndListe{display:grid !important;grid-template-columns:1fr 350px !important;gap:32px !important;margin-bottom:32px !important;width:100% !important;max-width:100% !important;box-sizing:border-box !important}.yayin{background:white !important;border-radius:20px !important;padding:16px !important;box-shadow:0 8px 32px rgba(0,0,0,.1) !important;border:1px solid rgba(255,255,255,.2) !important;width:100% !important;max-width:100% !important;box-sizing:border-box !important;overflow:hidden !important}.modern-embed-player{position:relative !important;width:100% !important;max-width:100% !important;aspect-ratio:16/9 !important;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%) !important;border-radius:16px !important;overflow:hidden !important;box-shadow:0 16px 40px rgba(102,126,234,.2) !important;border:2px solid rgba(255,255,255,.1) !important;box-sizing:border-box !important;contain:layout size style !important}.embed-ad-container{position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;z-index:20 !important;background:black !important;display:none !important}.embed-ad-container.active{display:flex !important;align-items:center !important;justify-content:center !important}.embed-ad-video{width:100% !important;height:100% !important;object-fit:cover !important}.embed-skip-button{position:absolute !important;top:16px !important;right:16px !important;background:rgba(0,0,0,.8) !important;color:white !important;border:none !important;padding:8px 16px !important;border-radius:20px !important;font-size:14px !important;font-weight:600 !important;cursor:pointer !important;transition:all .3s ease !important;z-index:25 !important}.embed-skip-button:hover{background:rgba(239,68,68,.9) !important;transform:scale(1.05) !important}.embed-skip-button:disabled{opacity:.5 !important;cursor:not-allowed !important;transform:none !important}.embed-sound-toggle{position:absolute !important;bottom:16px !important;right:16px !important;width:44px !important;height:44px !important;background:rgba(0,0,0,.8) !important;border:none !important;border-radius:50% !important;color:white !important;cursor:pointer !important;display:flex !important;align-items:center !important;justify-content:center !important;transition:all .3s ease !important;z-index:25 !important}.embed-sound-toggle:hover{background:rgba(0,0,0,.9) !important;transform:scale(1.1) !important}.embed-sound-toggle svg{width:20px !important;height:20px !important;fill:currentColor !important}#customIframe,iframe.player{position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;border:none !important;z-index:15 !important;border-radius:16px !important;background:black !important;object-fit:cover !important}.modern-embed-player.iframe-loaded .embed-content{display:none !important}.modern-embed-player.iframe-loaded .embed-play-button{display:none !important}.modern-embed-player.iframe-loaded #customIframe,.modern-embed-player.iframe-loaded iframe.player{display:block !important;z-index:20 !important}.modern-embed-player.iframe-loaded .embed-loading{display:none !important}.embed-play-button{display:flex !important;opacity:1 !important;visibility:visible !important;z-index:25 !important}.modern-embed-player:not(.iframe-loaded) .embed-play-button{display:flex !important;opacity:1 !important;visibility:visible !important;z-index:25 !important}.modern-embed-player.playing #customIframe,.modern-embed-player.playing iframe.player{display:block !important;z-index:20 !important}#vast_new{position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;z-index:5 !important;border-radius:16px !important;overflow:hidden !important;background:transparent !important;display:none !important}.modern-embed-player.iframe-loaded #vast_new{display:block !important;background:black !important;z-index:20 !important}#vast_new #customIframe,#vast_new iframe.player{position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;border:none !important;border-radius:16px !important;z-index:21 !important}.embed-play-button{position:absolute !important;top:50% !important;left:50% !important;transform:translate(-50%,-50%) !important;width:80px !important;height:80px !important;background:rgba(255,255,255,.95) !important;border:none !important;border-radius:50% !important;display:flex !important;align-items:center !important;justify-content:center !important;cursor:pointer !important;transition:all .4s ease !important;box-shadow:0 8px 32px rgba(0,0,0,.2) !important;z-index:10 !important}.embed-play-button:hover{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%) !important;color:white !important;box-shadow:0 16px 40px rgba(102,126,234,.4) !important,0 0 0 0 rgba(102,126,234,.6) !important;animation:pulse-ring 2s infinite !important}@keyframes pulse-ring{0%{box-shadow:0 16px 40px rgba(102,126,234,.4),0 0 0 0 rgba(102,126,234,.6)}50%{box-shadow:0 20px 50px rgba(102,126,234,.6),0 0 0 20px rgba(102,126,234,0)}100%{box-shadow:0 16px 40px rgba(102,126,234,.4),0 0 0 0 rgba(102,126,234,0)}}.embed-play-button svg{width:32px !important;height:32px !important;fill:#667eea !important;margin-left:4px !important;transition:fill .3s ease !important}.embed-play-button:hover svg{fill:white !important}.embed-live-indicator{position:absolute !important;top:16px !important;left:16px !important;background:#ef4444 !important;color:white !important;padding:6px 12px !important;border-radius:20px !important;font-size:12px !important;font-weight:700 !important;display:flex !important;align-items:center !important;gap:6px !important;z-index:8 !important}.embed-live-dot{width:8px !important;height:8px !important;background:white !important;border-radius:50% !important;animation:pulse 1.5s infinite !important}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.embed-quality-badge{position:absolute !important;top:16px !important;right:16px !important;background:rgba(0,0,0,.7) !important;color:white !important;padding:4px 8px !important;border-radius:8px !important;font-size:11px !important;font-weight:700 !important;z-index:8 !important}.kontrolPanel{background:white !important;border-radius:20px !important;padding:8px !important;box-shadow:0 8px 32px rgba(0,0,0,.1) !important;border:1px solid rgba(255,255,255,.2) !important;height:fit-content !important;position:sticky !important;top:20px !important}.kontrolPanel .nav{display:none !important;gap:8px !important;margin-bottom:20px !important;background:#f8fafc !important;padding:6px !important;border-radius:12px !important}.nav .btn-changePanel{flex:1 !important;padding:10px 16px !important;border:none !important;background:transparent !important;border-radius:8px !important;font-weight:600 !important;font-size:13px !important;color:#64748b !important;cursor:pointer !important;transition:all .3s ease !important}.nav .btn-changePanel.aktif{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%) !important;color:white !important;box-shadow:0 4px 12px rgba(102,126,234,.3) !important}.tab .subNav{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:8px !important;margin-bottom:20px !important}.changeSportButton{display:flex !important;flex-direction:column !important;align-items:center !important;gap:8px !important;padding:16px 8px !important;background:#f8fafc !important;border:1px solid #e2e8f0 !important;border-radius:12px !important;cursor:pointer !important;transition:all .3s ease !important;font-size:11px !important;font-weight:600 !important;color:#64748b !important;min-height:70px !important;justify-content:center !important}.changeSportButton:hover{background:#f1f5f9 !important;border-color:#cbd5e1 !important;transform:translateY(-2px) !important}.changeSportButton.aktif{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%) !important;color:white !important;border-color:transparent !important;box-shadow:0 8px 20px rgba(102,126,234,.3) !important;transform:translateY(-2px) !important}.changeSportButton svg{width:24px !important;height:24px !important;fill:currentColor !important}.modern-search-container{position:relative !important;margin-bottom:20px !important}.modern-search-container input{width:100% !important;padding:12px 16px 12px 44px !important;border:2px solid #e2e8f0 !important;border-radius:12px !important;font-size:14px !important;background:#f8fafc !important;transition:all .3s ease !important;outline:none !important}.modern-search-container.focused input,.modern-search-container input:focus{border-color:#667eea !important;background:white !important;box-shadow:0 0 0 3px rgba(102,126,234,.1) !important}.modern-search-container{position:relative !important;display:flex !important;align-items:center !important}.modern-search-container .search-icon{position:absolute !important;left:14px !important;top:50% !important;transform:translateY(-50%) !important;color:#64748b !important;pointer-events:none !important;transition:color .3s ease !important;z-index:5 !important}.modern-search-container.focused .search-icon{color:#667eea !important}.modern-search-container .search-icon svg{width:16px !important;height:16px !important;fill:currentColor !important}.modern-search-container .search-clear{position:absolute !important;right:12px !important;top:50% !important;transform:translateY(-50%) !important;width:24px !important;height:24px !important;border:none !important;background:#e2e8f0 !important;color:#64748b !important;border-radius:50% !important;cursor:pointer !important;font-size:16px !important;line-height:1 !important;transition:all .3s ease !important;z-index:5 !important;display:flex !important;align-items:center !important;justify-content:center !important}.modern-search-container .search-clear:hover{background:#ef4444 !important;color:white !important;transform:translateY(-50%) scale(1.1) !important}.search-stats{padding:8px 16px !important;background:#f1f5f9 !important;border-radius:8px !important;font-size:13px !important;color:#64748b !important;margin-bottom:16px !important;display:none !important}.search-stats .search-query{color:#667eea !important;font-weight:600 !important}.search-result-item{animation:fadeInUp .3s ease-out !important;animation-fill-mode:both !important}@keyframes fadeInUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.no-search-results{display:flex !important;flex-direction:column !important;align-items:center !important;padding:40px 20px !important;text-align:center !important;color:#64748b !important}.no-search-results svg{margin-bottom:16px !important}.no-search-results h3{margin:0 0 8px 0 !important;color:#1a202c !important;font-size:18px !important}.no-search-results p{margin:0 0 20px 0 !important;font-size:14px !important}.clear-search-btn{padding:10px 20px !important;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%) !important;color:white !important;border:none !important;border-radius:8px !important;font-weight:600 !important;cursor:pointer !important;transition:all .3s ease !important}.clear-search-btn:hover{transform:translateY(-2px) !important;box-shadow:0 6px 16px rgba(102,126,234,.3) !important}.macListeWrapper{border-radius:12px !important;max-height:400px !important;overflow-y:auto !important;padding:8px !important}.macListe{display:none !important;flex-direction:column !important;gap:8px !important}.macListe .mac{display:grid !important;grid-template-columns:auto 1fr auto !important;gap:12px !important;align-items:center !important;padding:12px !important;background:white !important;border:1px solid #e2e8f0 !important;border-radius:12px !important;cursor:pointer !important;transition:all .3s ease !important}.macListe .mac:hover{border-color:#667eea !important;transform:translateX(4px) !important;box-shadow:0 4px 12px rgba(102,126,234,.15) !important}.macListe .mac.aktif{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%) !important;color:white !important;border-color:transparent !important;box-shadow:0 8px 20px rgba(102,126,234,.3) !important;transform:translateX(8px) !important}.macListe .mac .saat{background:#f59e0b !important;color:white !important;padding:4px 8px !important;border-radius:8px !important;font-size:11px !important;font-weight:700 !important;min-width:45px !important;text-align:center !important}.macListe .mac.aktif .saat{background:rgba(255,255,255,.2) !important}.macListe .mac .takimlar{font-weight:600 !important;font-size:13px !important;color:#1a202c !important;text-align:center !important}.macListe .mac.aktif .takimlar{color:white !important}.macListe .mac .lig{font-size:10px !important;color:#64748b !important;text-align:right !important;background:#f1f5f9 !important;padding:2px 6px !important;border-radius:6px !important}.macListe .mac.aktif .lig{background:rgba(255,255,255,.2) !important;color:rgba(255,255,255,.9) !important}section.otherContent{display:grid !important;grid-template-columns:1fr 350px !important;gap:32px !important;margin-bottom:32px !important}.content{display:flex !important;flex-direction:column !important;gap:24px !important}.contentBox{background:white !important;padding:24px !important;border-radius:16px !important;box-shadow:0 4px 16px rgba(0,0,0,.05) !important;border:1px solid rgba(255,255,255,.2) !important}.contentBox h2{color:#667eea !important;font-size:18px !important;font-weight:700 !important;margin-bottom:16px !important}.contentBox p{color:#4a5568 !important;line-height:1.6 !important;margin-bottom:12px !important}.sidebar{display:flex !important;flex-direction:column !important;gap:24px !important}.sidebarReklam{background:white !important;padding:20px !important;border-radius:16px !important;box-shadow:0 4px 16px rgba(0,0,0,.05) !important;border:1px solid rgba(255,255,255,.2) !important;min-height:300px !important;display:flex !important;align-items:center !important;justify-content:center !important}footer{background:white !important;padding:32px !important;border-radius:16px !important;box-shadow:0 4px 16px rgba(0,0,0,.05) !important;border:1px solid rgba(255,255,255,.2) !important;margin-top:auto !important}footer p{color:#64748b !important;font-size:14px !important;line-height:1.6 !important;margin-bottom:16px !important}.foot{display:flex !important;justify-content:space-between !important;align-items:center !important;padding-top:20px !important;border-top:1px solid #e2e8f0 !important;margin-top:20px !important}.socialWrapper{display:flex !important;gap:12px !important}.social{display:flex !important;align-items:center !important;justify-content:center !important;width:40px !important;height:40px !important;background:#f8fafc !important;border-radius:10px !important;transition:all .3s ease !important;text-decoration:none !important}.social:hover{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%) !important;transform:translateY(-2px) !important;box-shadow:0 8px 20px rgba(102,126,234,.3) !important}.social img{width:20px !important;height:20px !important}section.mainContainer{max-width:1400px !important;margin:0 auto !important;width:100% !important;padding:20px !important;box-sizing:border-box !important}@media (max-width:1200px){section.mainContainer{width:100% !important;padding:0 20px !important;margin:0 auto !important}section.yayinAndListe{grid-template-columns:1fr 320px !important;gap:24px !important;width:100% !important;max-width:100% !important;margin:0 !important;padding:0 !important}.yayin{width:100% !important;max-width:100% !important;padding:14px !important;margin:0 !important;overflow:hidden !important;box-sizing:border-box !important}.modern-embed-player{width:100% !important;max-width:100% !important;margin:0 !important}}@media (max-width:1200px){.nav-container{padding:12px 24px !important;gap:16px !important}.nav-menu{gap:6px !important}.nav-link{padding:10px 12px !important;font-size:13px !important}.search-input{width:160px !important}.search-input:focus{width:220px !important}}@media (max-width:1024px){section.yayinAndListe{grid-template-columns:1fr !important;gap:24px !important}section.otherContent{grid-template-columns:1fr !important;gap:24px !important}.kontrolPanel{position:relative !important;top:0 !important}.tab .subNav{grid-template-columns:repeat(auto-fit,minmax(80px,1fr)) !important}.nav-menu{display:none !important}.mobile-menu-toggle{display:flex !important}.nav-menu.mobile-open{display:flex !important;position:absolute !important;top:100% !important;left:0 !important;right:0 !important;background:rgba(255,255,255,.98) !important;backdrop-filter:blur(20px) !important;border-radius:16px !important;box-shadow:0 8px 32px rgba(0,0,0,.15) !important;flex-direction:column !important;padding:20px !important;margin-top:8px !important;z-index:1000 !important}.nav-menu.mobile-open .nav-item{width:100% !important}.nav-menu.mobile-open .nav-link{justify-content:flex-start !important;padding:16px 20px !important;border-radius:12px !important;width:100% !important}.search-container{order:-1 !important}.search-input{width:140px !important}.search-input:focus{width:180px !important}}@media (max-width:1024px){.nav .nav-link.channel{display:none !important}.mobile-menu{display:flex !important}}@media (max-width:768px){section.mainContainer{width:100% !important;max-width:100% !important;margin:0 !important;border-radius:0 !important;padding:0 20px !important;min-height:100vh !important;box-sizing:border-box !important;overflow:hidden !important}section.yayinAndListe{grid-template-columns:1fr !important;gap:16px !important}section.otherContent{grid-template-columns:1fr !important;gap:16px !important}.clean-header,.modern-header{margin-bottom:20px !important;border-radius:16px !important;position:static !important}.header-wrap,.header-container{padding:16px 0px !important;gap:16px !important}.logo img{height:36px !important}.nav,.nav-tabs{display:none !important}.mobile-menu{display:flex !important}.modern-embed-player{width:100% !important;max-width:100% !important;margin-bottom:16px !important;margin-left:0 !important;margin-right:0 !important;border-radius:12px !important;box-sizing:border-box !important}.embed-play-button{width:60px !important;height:60px !important}.liste{order:-1 !important}.theme-toggle{width:40px !important;height:40px !important}.changeSportButton{min-height:60px !important;padding:12px 6px !important}.macListe .mac{padding:10px !important;gap:8px !important}.embed-play-button{width:60px !important;height:60px !important}.embed-play-button svg{width:24px !important;height:24px !important}}@media (max-width:480px){.tab .subNav{grid-template-columns:repeat(2,1fr) !important;gap:6px !important}.changeSportButton{min-height:50px !important;font-size:10px !important}.changeSportButton svg{width:18px !important;height:18px !important}.macListe .mac .lig{display:none !important}.macListe .mac{grid-template-columns:auto 1fr !important}}body.dark{background:linear-gradient(135deg,#1a202c 0%,#2d3748 100%) !important}body.dark section.mainContainer{background:rgba(26,32,44,.95) !important;color:#e2e8f0 !important}body.dark .modern-header,body.dark .yayin,body.dark .kontrolPanel,body.dark .contentBox,body.dark .sidebarReklam,body.dark footer{background:rgba(45,55,72,.95) !important;border-color:rgba(74,85,104,.3) !important}body.dark .nav-link{color:#cbd5e1 !important}body.dark .nav-link:hover,body.dark .nav-link.active{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%) !important;color:white !important}body.dark .changeSportButton{background:rgba(74,85,104,.3) !important;color:#cbd5e1 !important;border-color:rgba(74,85,104,.3) !important}body.dark .changeSportButton:hover{background:rgba(74,85,104,.5) !important}body.dark .changeSportButton.aktif{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%) !important;color:white !important}body.dark .macListe .mac .takimlar{color:#e2e8f0 !important}body.dark .macListe .mac .lig{background:rgba(74,85,104,.5) !important;color:#cbd5e1 !important}body.dark .contentBox h2{color:#81e6d9 !important}body.dark .contentBox p{color:#cbd5e1 !important}body.dark footer p{color:#a0aec0 !important}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}section.mainContainer{animation:fadeInUp .6s ease-out !important}.kontrolPanel{animation:slideInRight .8s ease-out !important}.macListe .mac{animation:fadeInUp .4s ease-out !important}.macListe .mac:nth-child(2){animation-delay:.1s !important}.macListe .mac:nth-child(3){animation-delay:.2s !important}.macListe .mac:nth-child(4){animation-delay:.3s !important}.macListe .mac:nth-child(5){animation-delay:.4s !important}.macListeWrapper::-webkit-scrollbar{width:6px !important}.macListeWrapper::-webkit-scrollbar-track{background:transparent !important}.macListeWrapper::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%) !important;border-radius:3px !important}.macListeWrapper::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a67d8 0%,#6b46c1 100%) !important}.focus-ring:focus-visible{outline:2px solid #667eea !important;outline-offset:2px !important}.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important}.channels-hero{background:linear-gradient(135deg,rgba(102,126,234,.1) 0%,rgba(118,75,162,.1) 100%) !important;padding:48px 24px !important;border-radius:20px !important;margin-bottom:32px !important;text-align:center !important}.hero-title{font-size:2.5rem !important;font-weight:800 !important;color:#667eea !important;margin-bottom:16px !important;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%) !important;-webkit-background-clip:text !important;-webkit-text-fill-color:transparent !important;background-clip:text !important}.hero-description{font-size:1.1rem !important;color:#64748b !important;line-height:1.6 !important;max-width:600px !important;margin:0 auto !important}.channels-grid{margin-bottom:32px !important}.channels-container{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(280px,1fr)) !important;gap:24px !important}.channel-card{background:white !important;border-radius:16px !important;overflow:hidden !important;box-shadow:0 4px 16px rgba(0,0,0,.08) !important;border:1px solid rgba(255,255,255,.2) !important;transition:all .3s ease !important;position:relative !important}.channel-card:hover{transform:translateY(-8px) !important;box-shadow:0 12px 32px rgba(102,126,234,.2) !important}.channel-link{display:block !important;text-decoration:none !important;color:inherit !important}.channel-image{position:relative !important;aspect-ratio:16/9 !important;overflow:hidden !important;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%) !important}.channel-image img{width:100% !important;height:100% !important;object-fit:cover !important;transition:transform .3s ease !important}.channel-card:hover .channel-image img{transform:scale(1.05) !important}.channel-overlay{position:absolute !important;inset:0 !important;background:rgba(0,0,0,.3) !important;display:flex !important;align-items:center !important;justify-content:center !important;opacity:0 !important;transition:opacity .3s ease !important}.channel-card:hover .channel-overlay{opacity:1 !important}.play-icon{width:60px !important;height:60px !important;background:rgba(255,255,255,.95) !important;border-radius:50% !important;display:flex !important;align-items:center !important;justify-content:center !important;color:#667eea !important;transform:scale(.8) !important;transition:transform .3s ease !important}.channel-card:hover .play-icon{transform:scale(1) !important}.play-icon svg{width:24px !important;height:24px !important;margin-left:2px !important}.live-badge{position:absolute !important;top:12px !important;left:12px !important;background:#ef4444 !important;color:white !important;padding:4px 8px !important;border-radius:12px !important;font-size:11px !important;font-weight:700 !important;display:flex !important;align-items:center !important;gap:4px !important}.live-dot{width:6px !important;height:6px !important;background:white !important;border-radius:50% !important;animation:pulse 1.5s infinite !important}.channel-info{padding:20px !important}.channel-name{font-size:1.1rem !important;font-weight:700 !important;color:#1a202c !important;margin-bottom:8px !important}.channel-description{font-size:.9rem !important;color:#64748b !important;margin:0 !important}.embed-content{position:relative !important;width:100% !important;height:100% !important;display:flex !important;align-items:center !important;justify-content:center !important}.embed-background{position:absolute !important;inset:0 !important;background-size:cover !important;background-position:center !important;background-repeat:no-repeat !important;filter:blur(2px) !important;z-index:1 !important}.embed-background::after{content:'' !important;position:absolute !important;inset:0 !important;background:rgba(0,0,0,.4) !important}.embed-play-button{position:relative !important;z-index:10 !important;width:80px !important;height:80px !important;background:rgba(255,255,255,.95) !important;border:none !important;border-radius:50% !important;display:flex !important;align-items:center !important;justify-content:center !important;cursor:pointer !important;transition:all .4s ease !important;box-shadow:0 8px 32px rgba(0,0,0,.2) !important}.embed-play-button:hover{transform:scale(1.1) !important;background:white !important;box-shadow:0 16px 40px rgba(0,0,0,.3) !important}.play-icon{width:32px !important;height:32px !important;color:#667eea !important;margin-left:4px !important}.embed-live-indicator{position:absolute !important;top:16px !important;left:16px !important;background:#ef4444 !important;color:white !important;padding:6px 12px !important;border-radius:20px !important;font-size:12px !important;font-weight:700 !important;display:flex !important;align-items:center !important;gap:6px !important;z-index:8 !important}.embed-live-dot{width:8px !important;height:8px !important;background:white !important;border-radius:50% !important;animation:pulse 1.5s infinite !important}.embed-quality-badge{position:absolute !important;top:16px !important;right:16px !important;background:rgba(0,0,0,.7) !important;color:white !important;padding:4px 8px !important;border-radius:8px !important;font-size:11px !important;font-weight:700 !important;z-index:8 !important}.embed-loading{position:absolute !important;inset:0 !important;background:rgba(0,0,0,.8) !important;display:none !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;color:white !important;z-index:15 !important}.embed-loading.show{display:flex !important}.loading-spinner{width:40px !important;height:40px !important;border:3px solid rgba(255,255,255,.3) !important;border-top:3px solid white !important;border-radius:50% !important;animation:spin 1s linear infinite !important;margin-bottom:16px !important}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.embed-skip-button{position:absolute !important;bottom:16px !important;right:16px !important;background:rgba(0,0,0,.8) !important;color:white !important;border:none !important;padding:8px 16px !important;border-radius:8px !important;font-size:12px !important;font-weight:600 !important;cursor:pointer !important;transition:all .3s ease !important;z-index:10 !important}.embed-skip-button:hover:not(:disabled){background:rgba(0,0,0,.9) !important;transform:translateY(-2px) !important}.embed-skip-button:disabled{opacity:.6 !important;cursor:not-allowed !important}.embed-sound-toggle{position:absolute !important;bottom:16px !important;left:16px !important;background:rgba(0,0,0,.7) !important;color:white !important;border:none !important;padding:8px !important;border-radius:8px !important;cursor:pointer !important;transition:all .3s ease !important;z-index:10 !important;width:44px !important;height:44px !important;display:flex !important;align-items:center !important;justify-content:center !important}.embed-sound-toggle:hover{background:rgba(0,0,0,.9) !important}.embed-sound-toggle svg{width:20px !important;height:20px !important}@media (max-width:768px){.hero-title{font-size:2rem !important}.hero-description{font-size:1rem !important}.channels-container{grid-template-columns:repeat(auto-fill,minmax(250px,1fr)) !important;gap:16px !important}.channel-info{padding:16px !important}}@media (max-width:480px){.channels-hero{padding:32px 16px !important}.channels-container{grid-template-columns:1fr !important}.embed-play-button{width:60px !important;height:60px !important}.play-icon{width:24px !important;height:24px !important}}body.dark .channels-hero{background:linear-gradient(135deg,rgba(102,126,234,.2) 0%,rgba(118,75,162,.2) 100%) !important}body.dark .hero-description{color:#cbd5e1 !important}body.dark .channel-card{background:rgba(45,55,72,.95) !important;border-color:rgba(74,85,104,.3) !important}body.dark .channel-name{color:#e2e8f0 !important}body.dark .channel-description{color:#a0aec0 !important}.modern-embed-player,.kontrolPanel,.macListe .mac,.channel-card{will-change:transform !important}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}.modern-embed-player.ad-playing .embed-play-button,.modern-embed-player.iframe-loaded .embed-play-button{display:none !important;opacity:0 !important;visibility:hidden !important}.modern-embed-player.ad-playing .embed-poster,.modern-embed-player.ad-playing .embed-content{display:none !important}.modern-embed-player.iframe-loaded #vast_new,.modern-embed-player.iframe-loaded .embed-ad-container{display:none !important}.modern-embed-player.ad-playing #vast_new{display:block !important;position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;z-index:25 !important;background:rgba(0,0,0,.8) !important}.modern-embed-player.ad-playing #video1{display:block !important;width:100% !important;height:100% !important;position:relative !important;z-index:26 !important;object-fit:contain !important}.modern-embed-player #skipButton,.modern-embed-player.ad-playing #skipButton,#embed-player-container #skipButton,div.modern-embed-player #skipButton{display:flex !important;position:absolute !important;bottom:20px !important;right:20px !important;top:unset !important;z-index:30 !important;background:rgba(0,0,0,.7) !important;color:white !important;padding:8px 12px !important;border-radius:20px !important;border:none !important;font-size:12px !important;font-weight:600 !important;font-family:Roboto,sans-serif !important;align-items:center !important;justify-content:center !important;cursor:pointer !important;transition:all .2s ease !important;min-width:auto !important;width:auto !important;height:36px !important;text-align:center !important;backdrop-filter:blur(4px) !important;-webkit-backdrop-filter:blur(4px) !important;box-shadow:0 4px 12px rgba(0,0,0,.3) !important}.modern-embed-player.ad-playing #skipButton:hover{background:rgba(0,0,0,.9) !important;transform:scale(1.05) !important;box-shadow:0 6px 16px rgba(0,0,0,.4) !important}.modern-embed-player.ad-playing #skipButton:disabled{opacity:.7 !important;cursor:not-allowed !important;transform:none !important;background:rgba(0,0,0,.5) !important}.modern-embed-player.ad-playing #skipButton:disabled:hover{background:rgba(0,0,0,.5) !important;transform:none !important}.modern-embed-player #SoundToggle,.modern-embed-player.ad-playing #SoundToggle,#embed-player-container #SoundToggle,div.modern-embed-player #SoundToggle{display:flex !important;position:absolute !important;bottom:20px !important;left:20px !important;right:unset !important;top:unset !important;z-index:30 !important;width:48px !important;height:48px !important;align-items:center !important;justify-content:center !important;background:rgba(0,0,0,.7) !important;border-radius:50% !important;border:none !important;cursor:pointer !important;transition:all .2s ease !important;backdrop-filter:blur(4px) !important;-webkit-backdrop-filter:blur(4px) !important;box-shadow:0 4px 12px rgba(0,0,0,.3) !important}.modern-embed-player.ad-playing #SoundToggle:hover{background:rgba(0,0,0,.9) !important;transform:scale(1.05) !important;box-shadow:0 6px 16px rgba(0,0,0,.4) !important}.modern-embed-player.ad-playing #SoundToggle svg{width:22px !important;height:22px !important;fill:white !important;stroke:white !important}.modern-embed-player.iframe-loaded{overflow:hidden !important;border-radius:16px !important}.modern-embed-player.iframe-loaded #customIframe{display:block !important;width:100% !important;height:100% !important;border:none !important;position:absolute !important;top:0 !important;left:0 !important;z-index:21 !important;border-radius:16px !important}@media (max-width:768px){.modern-embed-player #skipButton,.modern-embed-player.ad-playing #skipButton,#embed-player-container #skipButton,div.modern-embed-player #skipButton{bottom:15px !important;right:15px !important;top:unset !important;left:unset !important;padding:6px 10px !important;font-size:11px !important;height:32px !important;border-radius:16px !important}.modern-embed-player #SoundToggle,.modern-embed-player.ad-playing #SoundToggle,#embed-player-container #SoundToggle,div.modern-embed-player #SoundToggle{bottom:15px !important;left:15px !important;right:unset !important;top:unset !important;width:40px !important;height:40px !important}.modern-embed-player.ad-playing #SoundToggle svg{width:18px !important;height:18px !important}}@media (max-width:480px){.modern-embed-player #skipButton,.modern-embed-player.ad-playing #skipButton,#embed-player-container #skipButton,div.modern-embed-player #skipButton{padding:5px 8px !important;font-size:10px !important;height:28px !important;bottom:12px !important;right:12px !important;top:unset !important;left:unset !important;border-radius:14px !important}.modern-embed-player #SoundToggle,.modern-embed-player.ad-playing #SoundToggle,#embed-player-container #SoundToggle,div.modern-embed-player #SoundToggle{bottom:12px !important;left:12px !important;right:unset !important;top:unset !important;width:32px !important;height:32px !important}}.modern-embed-player *{max-width:100% !important;box-sizing:border-box !important}.modern-embed-player{max-width:100% !important}div.modern-embed-player,section .modern-embed-player,article .modern-embed-player{max-width:100% !important;width:100% !important;overflow:hidden !important}.modern-embed-player iframe{max-width:100% !important;max-height:100% !important}.modern-embed-player video{max-width:100% !important;max-height:100% !important}@media (max-width:768px){section.yayinAndListe{grid-template-columns:1fr !important;gap:16px !important;width:100% !important;max-width:100% !important;margin:0 !important;padding:0 !important;box-sizing:border-box !important}.yayin{width:100% !important;max-width:100% !important;padding:10px !important;margin:0 !important;border-radius:12px !important;overflow:hidden !important;box-sizing:border-box !important}.modern-embed-player{width:100% !important;max-width:100% !important;margin:0 !important;padding:0 !important;border-radius:12px !important;aspect-ratio:16/9 !important;min-height:auto !important;height:auto !important;box-sizing:border-box !important;overflow:hidden !important}.modern-embed-player.iframe-loaded #customIframe{border-radius:12px !important}.modern-embed-player,.modern-embed-player *{max-width:100% !important;overflow:hidden !important}}@media (max-width:480px){section.yayinAndListe{grid-template-columns:1fr !important;gap:12px !important;width:100% !important;max-width:100% !important;margin:0 !important;padding:0 !important}.yayin{width:100% !important;max-width:100% !important;padding:8px !important;margin:0 !important;border-radius:8px !important;overflow:hidden !important;box-sizing:border-box !important}.modern-embed-player{width:100% !important;max-width:100% !important;margin:0 !important;padding:0 !important;border-radius:8px !important;aspect-ratio:16/9 !important;box-sizing:border-box !important;overflow:hidden !important}.modern-embed-player.iframe-loaded #customIframe{border-radius:8px !important}}section.yayinAndListe,div.modern-embed-player,.yayin,.modern-embed-player *{max-width:100% !important;box-sizing:border-box !important;overflow:hidden !important}.modern-embed-player{width:100% !important;max-width:100% !important;margin:0 !important}@media (max-width:769px){section.mainContainer{padding:0 12px !important}.yayin{padding:8px !important}section.yayinAndListe{grid-template-columns:1fr !important;gap:12px !important;width:100% !important;max-width:100% !important;margin:0 !important;padding:0 !important}.modern-embed-player{width:100% !important;max-width:100% !important;margin:0 !important;padding:0 !important;aspect-ratio:16/9 !important;overflow:hidden !important}.modern-embed-player #skipButton,.modern-embed-player.ad-playing #skipButton,#embed-player-container #skipButton,div.modern-embed-player #skipButton{bottom:12px !important;right:12px !important;top:unset !important;left:unset !important;padding:5px 8px !important;font-size:10px !important;height:28px !important;border-radius:14px !important;backdrop-filter:blur(4px) !important;-webkit-backdrop-filter:blur(4px) !important}.modern-embed-player #SoundToggle,.modern-embed-player.ad-playing #SoundToggle,#embed-player-container #SoundToggle,div.modern-embed-player #SoundToggle{bottom:12px !important;left:12px !important;right:unset !important;top:unset !important}}#footerFixedDiv{position:fixed;bottom:0;left:50%;margin-left:-466px;z-index:9999;display:block}.mac.active-highlight{animation:activeMatchPulseLight 2s ease-in-out !important;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%) !important;box-shadow:0 8px 25px rgba(102,126,234,.4) !important;border:2px solid #667eea !important;transform:translateY(-2px) !important;transition:all .3s cubic-bezier(.4,0,.2,1) !important;color:#fff !important}@keyframes activeMatchPulseLight{0%{box-shadow:0 4px 15px rgba(102,126,234,.3);transform:translateY(0)}50%{box-shadow:0 8px 25px rgba(102,126,234,.5);transform:translateY(-2px)}100%{box-shadow:0 4px 15px rgba(102,126,234,.3);transform:translateY(0)}}body.dark .mac.active-highlight{animation:activeMatchPulseDark 2s ease-in-out !important;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%) !important;box-shadow:0 8px 25px rgba(79,70,229,.5) !important;border:2px solid #4f46e5 !important;transform:translateY(-2px) !important;transition:all .3s cubic-bezier(.4,0,.2,1) !important;color:#fff !important}@keyframes activeMatchPulseDark{0%{box-shadow:0 4px 15px rgba(79,70,229,.4);transform:translateY(0)}50%{box-shadow:0 8px 25px rgba(79,70,229,.6);transform:translateY(-2px)}100%{box-shadow:0 4px 15px rgba(79,70,229,.4);transform:translateY(0)}}html{scroll-behavior:smooth !important}.mac.aktif{position:relative !important}.mac.aktif::before{content:'▶' !important;position:absolute !important;left:-8px !important;top:50% !important;transform:translateY(-50%) !important;color:#667eea !important;font-size:12px !important;font-weight:bold !important;animation:activeIndicatorLight 1s ease-in-out infinite alternate !important}@keyframes activeIndicatorLight{0%{opacity:.6;transform:translateY(-50%) scale(1)}100%{opacity:1;transform:translateY(-50%) scale(1.1)}}body.dark .mac.aktif::before{color:#4f46e5 !important;animation:activeIndicatorDark 1s ease-in-out infinite alternate !important}@keyframes activeIndicatorDark{0%{opacity:.7;transform:translateY(-50%) scale(1)}100%{opacity:1;transform:translateY(-50%) scale(1.1)}}

/* modern-design-system.css */
@layer design-system{:root{--brand-primary:#6366f1;--brand-primary-light:#818cf8;--brand-primary-dark:#4f46e5;--brand-secondary:#06b6d4;--brand-accent:#f59e0b;--gradient-primary:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--gradient-secondary:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);--gradient-accent:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);--gradient-warm:linear-gradient(135deg,#fa709a 0%,#fee140 100%);--gradient-cool:linear-gradient(135deg,#a8edea 0%,#fed6e3 100%);--gradient-gaming:linear-gradient(135deg,#d299c2 0%,#fedd89 100%);--gradient-sport:linear-gradient(135deg,#89f7fe 0%,#66a6ff 100%);--glass-primary:rgba(255,255,255,.25);--glass-secondary:rgba(255,255,255,.15);--glass-dark:rgba(0,0,0,.25);--glass-backdrop:blur(20px);--surface-primary:#fff;--surface-secondary:#f8fafc;--surface-tertiary:#f1f5f9;--surface-elevated:#fff;--surface-overlay:rgba(255,255,255,.95);--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#64748b;--text-inverse:#fff;--text-accent:var(--brand-primary);--success:#10b981;--success-light:#34d399;--warning:#f59e0b;--warning-light:#fbbf24;--error:#ef4444;--error-light:#f87171;--info:#3b82f6;--info-light:#60a5fa;--hover-primary:rgba(99,102,241,.1);--hover-secondary:rgba(6,182,212,.1);--active-primary:rgba(99,102,241,.2);--focus-ring:0 0 0 3px rgba(99,102,241,.3);--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-base:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.25);--shadow-colored:0 20px 40px -12px rgba(99,102,241,.4);--radius-xs:.125rem;--radius-sm:.25rem;--radius-base:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-3xl:2rem;--radius-full:9999px;--space-px:1px;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--font-weight-thin:100;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--line-height-none:1;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--duration-instant:.1s;--duration-fast:.2s;--duration-normal:.3s;--duration-slow:.5s;--duration-slower:.75s;--ease-linear:linear;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--ease-bounce:cubic-bezier(.68,-.55,.265,1.55);--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal-backdrop:1040;--z-index-modal:1050;--z-index-popover:1060;--z-index-tooltip:1070;--z-index-toast:1080}@media (prefers-color-scheme:dark){:root{--surface-primary:#0f172a;--surface-secondary:#1e293b;--surface-tertiary:#334155;--surface-elevated:#1e293b;--surface-overlay:rgba(15,23,42,.95);--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--text-inverse:#0f172a;--glass-primary:rgba(255,255,255,.1);--glass-secondary:rgba(255,255,255,.05);--glass-dark:rgba(0,0,0,.4);--hover-primary:rgba(99,102,241,.2);--hover-secondary:rgba(6,182,212,.2);--active-primary:rgba(99,102,241,.3)}}body{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text-primary);background:var(--gradient-cool);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}section.mainContainer{max-width:1400px !important;width:95% !important;margin:var(--space-8) auto !important;background:var(--glass-primary) !important;backdrop-filter:var(--glass-backdrop) !important;border:1px solid rgba(255,255,255,.2) !important;border-radius:var(--radius-3xl) !important;box-shadow:var(--shadow-2xl) !important;padding:var(--space-8) !important;display:flex !important;flex-direction:column !important;gap:var(--space-6) !important;min-height:calc(100vh - var(--space-16)) !important;position:relative !important;overflow:hidden !important}section.mainContainer::before{content:'';position:absolute;inset:0;background:var(--gradient-primary);opacity:.03;pointer-events:none;z-index:-1}.topDuyuru{background:var(--gradient-warm) !important;color:white !important;border-radius:var(--radius-2xl) !important;padding:var(--space-4) var(--space-6) !important;box-shadow:var(--shadow-lg) !important;position:relative !important;overflow:hidden !important;font-weight:var(--font-weight-semibold) !important;text-align:center !important;animation:slideInDown .6s var(--ease-bounce) !important}.topDuyuru::before{content:'';position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);transform:translateX(-100%);animation:shimmer 3s infinite}.topNav{background:var(--glass-primary) !important;backdrop-filter:var(--glass-backdrop) !important;border:1px solid rgba(255,255,255,.2) !important;border-radius:var(--radius-2xl) !important;padding:var(--space-4) var(--space-6) !important;box-shadow:var(--shadow-lg) !important;display:grid !important;grid-template-columns:auto 1fr auto !important;align-items:center !important;gap:var(--space-4) !important;position:sticky !important;top:var(--space-4) !important;z-index:var(--z-index-sticky) !important;animation:slideInUp .6s var(--ease-out) !important}.topNav .topLogo img{width:56px !important;height:56px !important;border-radius:var(--radius-xl) !important;box-shadow:var(--shadow-md) !important;transition:all var(--duration-normal) var(--ease-out) !important}.topNav .topLogo img:hover{transform:scale(1.05) rotate(5deg) !important;box-shadow:var(--shadow-colored) !important}.topNav ul.menu{display:flex !important;align-items:center !important;justify-content:center !important;gap:var(--space-2) !important;list-style:none !important;margin:0 !important;padding:0 !important}.topNav ul.menu a{display:flex !important;align-items:center !important;gap:var(--space-2) !important;padding:var(--space-3) var(--space-4) !important;color:var(--text-secondary) !important;text-decoration:none !important;font-weight:var(--font-weight-semibold) !important;font-size:var(--font-size-sm) !important;border-radius:var(--radius-xl) !important;transition:all var(--duration-fast) var(--ease-out) !important;position:relative !important;overflow:hidden !important}.topNav ul.menu a::before{content:'';position:absolute;inset:0;background:var(--gradient-accent);opacity:0;transform:translateY(100%);transition:all var(--duration-normal) var(--ease-out);border-radius:inherit}.topNav ul.menu a:hover::before,.topNav ul.menu a.aktif::before{opacity:1;transform:translateY(0)}.topNav ul.menu a:hover,.topNav ul.menu a.aktif{color:white !important;transform:translateY(-2px) !important;box-shadow:var(--shadow-md) !important;z-index:1 !important}section.yayinAndListe{display:grid !important;grid-template-columns:1fr 380px !important;gap:var(--space-8) !important;width:100% !important;min-height:600px !important;animation:fadeInUp .8s var(--ease-out) !important}.modern-embed-player{position:relative !important;width:100% !important;aspect-ratio:16/9 !important;background:var(--gradient-gaming) !important;border-radius:var(--radius-2xl) !important;overflow:hidden !important;box-shadow:var(--shadow-2xl) !important;transition:all var(--duration-normal) var(--ease-out) !important;border:2px solid rgba(255,255,255,.1) !important}.modern-embed-player:hover{transform:translateY(-4px) scale(1.02) !important;box-shadow:var(--shadow-2xl),0 0 50px rgba(99,102,241,.3) !important}.embed-play-button{position:absolute !important;top:50% !important;left:50% !important;transform:translate(-50%,-50%) !important;z-index:10 !important;width:80px !important;height:80px !important;border:none !important;border-radius:50% !important;background:var(--glass-primary) !important;backdrop-filter:var(--glass-backdrop) !important;color:var(--brand-primary) !important;cursor:pointer !important;display:flex !important;align-items:center !important;justify-content:center !important;transition:all var(--duration-normal) var(--ease-bounce) !important;box-shadow:var(--shadow-xl),0 0 0 0 rgba(99,102,241,.7) !important;animation:pulse-ring 2s infinite !important;border:3px solid rgba(255,255,255,.3) !important}.embed-play-button:hover{transform:translate(-50%,-50%) scale(1.15) !important;background:white !important;animation:none !important;box-shadow:var(--shadow-2xl),0 0 0 8px rgba(99,102,241,.3) !important}.embed-play-button svg{width:32px !important;height:32px !important;fill:currentColor !important;margin-left:3px !important;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1)) !important}.kontrolPanel{display:flex !important;flex-direction:column !important;gap:var(--space-4) !important;background:var(--glass-primary) !important;backdrop-filter:var(--glass-backdrop) !important;border:1px solid rgba(255,255,255,.2) !important;border-radius:var(--radius-2xl) !important;padding:var(--space-6) !important;box-shadow:var(--shadow-xl) !important;height:fit-content !important;max-height:700px !important;position:sticky !important;top:var(--space-6) !important;animation:slideInRight .8s var(--ease-out) !important}.kontrolPanel::before{content:'';position:absolute;inset:0;background:var(--gradient-sport);opacity:.05;border-radius:inherit;pointer-events:none}.nav .btn-changePanel{flex:1 !important;padding:var(--space-3) var(--space-4) !important;border:none !important;background:transparent !important;border-radius:var(--radius-xl) !important;font-weight:var(--font-weight-semibold) !important;font-size:var(--font-size-sm) !important;color:var(--text-secondary) !important;cursor:pointer !important;transition:all var(--duration-fast) var(--ease-out) !important;position:relative !important;overflow:hidden !important}.nav .btn-changePanel::before{content:'';position:absolute;inset:0;background:var(--gradient-accent);opacity:0;transform:scale(0);transition:all var(--duration-normal) var(--ease-bounce);border-radius:inherit}.nav .btn-changePanel:hover::before,.nav .btn-changePanel.aktif::before{opacity:1;transform:scale(1)}.nav .btn-changePanel:hover,.nav .btn-changePanel.aktif{color:white !important;transform:translateY(-2px) !important;box-shadow:var(--shadow-md) !important;z-index:1 !important}.tab .subNav{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(70px,1fr)) !important;gap:var(--space-3) !important;padding:var(--space-4) !important;background:rgba(255,255,255,.1) !important;border-radius:var(--radius-xl) !important;backdrop-filter:var(--glass-backdrop) !important}.changeSportButton{display:flex !important;flex-direction:column !important;align-items:center !important;gap:var(--space-2) !important;padding:var(--space-3) !important;border:none !important;background:transparent !important;border-radius:var(--radius-lg) !important;cursor:pointer !important;transition:all var(--duration-fast) var(--ease-out) !important;font-size:var(--font-size-xs) !important;font-weight:var(--font-weight-semibold) !important;color:var(--text-secondary) !important;min-height:60px !important;justify-content:center !important;position:relative !important;overflow:hidden !important}.changeSportButton::before{content:'';position:absolute;inset:0;background:var(--gradient-primary);opacity:0;transform:scale(0) rotate(45deg);transition:all var(--duration-normal) var(--ease-bounce);border-radius:inherit}.changeSportButton:hover::before,.changeSportButton.aktif::before{opacity:1;transform:scale(1) rotate(0deg)}.changeSportButton:hover,.changeSportButton.aktif{color:white !important;transform:translateY(-3px) scale(1.05) !important;box-shadow:var(--shadow-lg) !important;z-index:1 !important}.changeSportButton svg{width:24px !important;height:24px !important;fill:currentColor !important;transition:all var(--duration-fast) var(--ease-out) !important;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1)) !important}.changeSportButton:hover svg,.changeSportButton.aktif svg{transform:scale(1.1) !important}.kontrolPanel input{width:100% !important;padding:var(--space-4) var(--space-5) !important;border:2px solid rgba(255,255,255,.2) !important;border-radius:var(--radius-xl) !important;background:var(--glass-secondary) !important;backdrop-filter:var(--glass-backdrop) !important;font-size:var(--font-size-sm) !important;color:var(--text-primary) !important;transition:all var(--duration-fast) var(--ease-out) !important;box-sizing:border-box !important;font-weight:var(--font-weight-medium) !important}.kontrolPanel input:focus{outline:none !important;border-color:var(--brand-primary) !important;box-shadow:var(--focus-ring),var(--shadow-lg) !important;background:white !important;transform:translateY(-2px) !important}.kontrolPanel input::placeholder{color:var(--text-tertiary) !important;font-weight:var(--font-weight-normal) !important}.macListeWrapper{flex:1 !important;min-height:0 !important;overflow:hidden !important;border-radius:var(--radius-xl) !important;background:rgba(255,255,255,.05) !important;backdrop-filter:var(--glass-backdrop) !important;border:1px solid rgba(255,255,255,.1) !important}.macListe{height:100% !important;overflow-y:auto !important;padding:var(--space-3) !important;scrollbar-width:thin !important;scrollbar-color:rgba(99,102,241,.3) transparent !important;display:none !important;flex-direction:column !important}.macListe.show,.macListe[style*="display:flex"]{display:flex !important;flex-direction:column !important;visibility:visible !important}.macListe::-webkit-scrollbar{width:8px !important}.macListe::-webkit-scrollbar-track{background:transparent !important}.macListe::-webkit-scrollbar-thumb{background:var(--gradient-accent) !important;border-radius:var(--radius-full) !important;border:2px solid transparent !important;background-clip:padding-box !important}.macListe::-webkit-scrollbar-thumb:hover{background:var(--gradient-primary) !important;background-clip:padding-box !important}.macListe .mac{display:grid !important;grid-template-columns:auto 1fr auto !important;gap:var(--space-3) !important;align-items:center !important;padding:var(--space-4) !important;margin-bottom:var(--space-3) !important;background:var(--glass-primary) !important;backdrop-filter:var(--glass-backdrop) !important;border:1px solid rgba(255,255,255,.2) !important;border-radius:var(--radius-xl) !important;cursor:pointer !important;transition:all var(--duration-fast) var(--ease-out) !important;position:relative !important;overflow:hidden !important}.macListe .mac::before{content:'';position:absolute;left:0;top:0;bottom:0;width:0;background:var(--gradient-accent);transition:width var(--duration-fast) var(--ease-out);border-radius:0 var(--radius-lg) var(--radius-lg) 0}.macListe .mac:hover{border-color:var(--brand-primary) !important;transform:translateX(8px) translateY(-2px) !important;box-shadow:var(--shadow-lg) !important;background:white !important}.macListe .mac:hover::before{width:4px}.macListe .mac.aktif{background:var(--gradient-primary) !important;border-color:var(--brand-primary) !important;color:white !important;transform:translateX(12px) translateY(-3px) scale(1.02) !important;box-shadow:var(--shadow-colored) !important;animation:matchActive .4s var(--ease-bounce) !important}.macListe .mac.aktif::before{width:4px;background:white}.macListe .mac .saat{font-size:var(--font-size-xs) !important;font-weight:var(--font-weight-bold) !important;color:var(--text-secondary) !important;padding:var(--space-2) var(--space-3) !important;background:var(--gradient-warm) !important;color:white !important;border-radius:var(--radius-lg) !important;white-space:nowrap !important;min-width:50px !important;text-align:center !important;box-shadow:var(--shadow-sm) !important;font-variant-numeric:tabular-nums !important}.macListe .mac.aktif .saat{background:rgba(255,255,255,.3) !important;color:white !important;box-shadow:var(--shadow-md) !important}.macListe .mac .takimlar{font-size:var(--font-size-sm) !important;font-weight:var(--font-weight-semibold) !important;color:var(--text-primary) !important;line-height:var(--line-height-tight) !important;text-align:center !important;padding:0 var(--space-2) !important}.macListe .mac.aktif .takimlar{color:white !important;text-shadow:0 2px 4px rgba(0,0,0,.2) !important}.macListe .mac .lig{font-size:var(--font-size-xs) !important;font-weight:var(--font-weight-medium) !important;color:var(--text-tertiary) !important;text-align:right !important;max-width:90px !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;padding:var(--space-1) var(--space-2) !important;background:rgba(99,102,241,.1) !important;border-radius:var(--radius-md) !important}.macListe .mac.aktif .lig{color:rgba(255,255,255,.9) !important;background:rgba(255,255,255,.2) !important}@keyframes slideInDown{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-ring{0%{box-shadow:var(--shadow-xl),0 0 0 0 rgba(99,102,241,.7)}70%{box-shadow:var(--shadow-xl),0 0 0 10px rgba(99,102,241,0)}100%{box-shadow:var(--shadow-xl),0 0 0 0 rgba(99,102,241,0)}}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@keyframes matchActive{0%{transform:translateX(0) translateY(0) scale(1)}50%{transform:translateX(16px) translateY(-4px) scale(1.05)}100%{transform:translateX(12px) translateY(-3px) scale(1.02)}}@media (max-width:1200px){section.yayinAndListe{grid-template-columns:1fr 320px !important;gap:var(--space-6) !important}section.mainContainer{width:98% !important;padding:var(--space-6) !important}}@media (max-width:1024px){section.yayinAndListe{grid-template-columns:1fr !important;gap:var(--space-6) !important}.kontrolPanel{position:relative !important;top:0 !important;max-height:500px !important;order:2 !important}section.yayinAndListe .yayin{order:1 !important}.tab .subNav{grid-template-columns:repeat(auto-fit,minmax(80px,1fr)) !important}}@media (max-width:768px){section.mainContainer{width:100% !important;margin:0 !important;border-radius:0 !important;padding:var(--space-4) !important;min-height:100vh !important}.topNav{border-radius:var(--radius-xl) !important;position:relative !important}.kontrolPanel{padding:var(--space-4) !important;border-radius:var(--radius-xl) !important}.tab .subNav{grid-template-columns:repeat(2,1fr) !important;gap:var(--space-2) !important}.changeSportButton{min-height:50px !important;padding:var(--space-2) !important}.changeSportButton svg{width:20px !important;height:20px !important}.macListe .mac{padding:var(--space-3) !important;gap:var(--space-2) !important}.embed-play-button{width:60px !important;height:60px !important}.embed-play-button svg{width:24px !important;height:24px !important}}@media (max-width:480px){.tab .subNav{grid-template-columns:repeat(2,1fr) !important;gap:var(--space-1) !important}.changeSportButton{min-height:45px !important;font-size:10px !important}.macListe .mac .lig{display:none !important}.macListe .mac{grid-template-columns:auto 1fr !important}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}.embed-play-button{animation:none !important}}.kontrolPanel input:focus-visible,.changeSportButton:focus-visible,.nav .btn-changePanel:focus-visible,.macListe .mac:focus-visible,.embed-play-button:focus-visible{outline:2px solid var(--brand-primary) !important;outline-offset:2px !important}@media (prefers-contrast:high){.macListe .mac,.kontrolPanel,.topNav{border:2px solid var(--text-primary) !important}.changeSportButton:hover,.changeSportButton.aktif{background:var(--text-primary) !important;color:var(--surface-primary) !important}}}

/* modern-header-clean.css */
.modern-header{position:sticky !important;top:20px !important;z-index:1000 !important;margin:0 0px 32px 0px !important;border-radius:16px !important;background:rgba(255,255,255,.95) !important;backdrop-filter:blur(20px) !important;border:1px solid rgba(255,255,255,.3) !important;box-shadow:0 16px 40px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.04),inset 0 1px 0 rgba(255,255,255,.8) !important;transition:all .3s cubic-bezier(.4,0,.2,1) !important}.header-container{display:flex !important;align-items:center !important;justify-content:space-between !important;padding:0 5px !important;gap:24px !important}.logo-section{flex-shrink:0 !important}.logo-link{display:block !important;transition:transform .3s ease !important}.logo-link:hover{transform:scale(1.05) !important}.logo-img{height:40px !important;width:auto !important;border-radius:8px !important;transition:all .3s ease !important}.header-right{display:flex !important;align-items:center !important;gap:24px !important;flex:1 !important;justify-content:flex-end !important}.nav-tabs{display:flex !important;align-items:center !important;gap:8px !important;background:rgba(248,250,252,.8) !important;backdrop-filter:blur(10px) !important;padding:6px !important;border-radius:12px !important;border:1px solid rgba(226,232,240,.6) !important}.nav-tab{position:relative !important;padding:10px 16px !important;color:#64748b !important;text-decoration:none !important;font-weight:500 !important;font-size:14px !important;border-radius:8px !important;transition:all .3s cubic-bezier(.4,0,.2,1) !important;white-space:nowrap !important}.nav-tab:hover{color:#334155 !important;background:rgba(255,255,255,.7) !important;transform:translateY(-1px) !important;box-shadow:0 4px 12px rgba(0,0,0,.1) !important}.nav-tab.active{color:white !important;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%) !important;box-shadow:0 4px 12px rgba(102,126,234,.3) !important}.nav-tab.active::after{content:'' !important;position:absolute !important;bottom:-2px !important;left:50% !important;transform:translateX(-50%) !important;width:6px !important;height:6px !important;background:#667eea !important;border-radius:50% !important;box-shadow:0 0 8px rgba(102,126,234,.6) !important}.inline-search{position:relative !important;display:flex !important;align-items:center !important}.search-toggle{width:44px !important;height:44px !important;border:none !important;border-radius:12px !important;background:rgba(248,250,252,.8) !important;backdrop-filter:blur(10px) !important;border:1px solid rgba(226,232,240,.6) !important;cursor:pointer !important;display:flex !important;align-items:center !important;justify-content:center !important;transition:all .3s cubic-bezier(.4,0,.2,1) !important;z-index:2 !important}.search-toggle:hover{background:rgba(255,255,255,.9) !important;transform:translateY(-2px) scale(1.05) !important;box-shadow:0 6px 16px rgba(0,0,0,.15) !important;border-color:rgba(102,126,234,.3) !important}.search-toggle svg{width:20px !important;height:20px !important;fill:#64748b !important;stroke:#64748b !important;stroke-width:1.5 !important;transition:all .3s ease !important}.search-toggle:hover svg{fill:#334155 !important;stroke:#334155 !important;transform:scale(1.1) !important}.search-toggle:active{transform:scale(.95) !important}.header-search-input{position:absolute !important;right:0 !important;top:0 !important;width:0 !important;height:44px !important;padding:0 16px 0 60px !important;border:1px solid rgba(226,232,240,.6) !important;border-radius:12px !important;background:rgba(255,255,255,.95) !important;backdrop-filter:blur(20px) !important;font-size:14px !important;font-weight:500 !important;color:#334155 !important;outline:none !important;opacity:0 !important;visibility:hidden !important;transform:translateX(20px) !important;transition:all .4s cubic-bezier(.4,0,.2,1) !important;box-shadow:0 4px 12px rgba(0,0,0,.1) !important}.inline-search.active .header-search-input{width:280px !important;opacity:1 !important;visibility:visible !important;transform:translateX(0) !important}.header-search-input:focus{border-color:rgba(102,126,234,.4) !important;box-shadow:0 4px 12px rgba(102,126,234,.2),0 0 0 3px rgba(102,126,234,.1) !important}.header-search-input::placeholder{color:#94a3b8 !important}.theme-toggle{width:60px !important;height:32px !important;border:none !important;border-radius:16px !important;background:rgba(248,250,252,.8) !important;backdrop-filter:blur(10px) !important;border:1px solid rgba(226,232,240,.6) !important;cursor:pointer !important;position:relative !important;transition:all .3s cubic-bezier(.4,0,.2,1) !important;overflow:hidden !important}.theme-toggle:hover{background:rgba(255,255,255,.9) !important;transform:translateY(-1px) !important;box-shadow:0 4px 12px rgba(0,0,0,.1) !important}.toggle-track{position:relative !important;width:100% !important;height:100% !important;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%) !important;border-radius:16px !important;transition:all .3s ease !important}.toggle-thumb{position:absolute !important;top:2px !important;left:2px !important;width:28px !important;height:28px !important;background:white !important;border-radius:50% !important;display:flex !important;align-items:center !important;justify-content:center !important;transition:all .3s cubic-bezier(.4,0,.2,1) !important;box-shadow:0 2px 8px rgba(0,0,0,.15) !important}.toggle-thumb svg{width:16px !important;height:16px !important;transition:all .3s ease !important;position:absolute !important;top:50% !important;left:50% !important;transform:translate(-50%,-50%) !important}.sun-icon{fill:#f59e0b !important;stroke:#f59e0b !important;stroke-width:1.5 !important;opacity:1 !important;visibility:visible !important}.moon-icon{fill:#64748b !important;stroke:#64748b !important;stroke-width:1.5 !important;opacity:0 !important;visibility:hidden !important;position:absolute !important;top:50% !important;left:50% !important;transform:translate(-50%,-50%) !important}body.dark .toggle-track{background:linear-gradient(135deg,#1e293b 0%,#334155 100%) !important}body.dark .toggle-thumb{transform:translateX(28px) !important}body.dark .sun-icon{opacity:0 !important;visibility:hidden !important}body.dark .moon-icon{opacity:1 !important;visibility:visible !important;fill:#cbd5e1 !important;stroke:#cbd5e1 !important}.theme-toggle:hover .toggle-thumb{box-shadow:0 4px 12px rgba(0,0,0,.2) !important}.theme-toggle:active .toggle-thumb{transform:translateX(2px) scale(.95) !important}body.dark .theme-toggle:active .toggle-thumb{transform:translateX(26px) scale(.95) !important}.mobile-menu{width:44px !important;height:44px !important;border:none !important;border-radius:12px !important;background:rgba(248,250,252,.8) !important;backdrop-filter:blur(10px) !important;border:1px solid rgba(226,232,240,.6) !important;cursor:pointer !important;display:none !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:4px !important;transition:all .3s cubic-bezier(.4,0,.2,1) !important}.mobile-menu span{width:20px !important;height:2px !important;background:#64748b !important;border-radius:1px !important;transition:all .3s cubic-bezier(.4,0,.2,1) !important}.mobile-menu:hover{background:rgba(255,255,255,.9) !important;transform:translateY(-1px) !important;box-shadow:0 4px 12px rgba(0,0,0,.1) !important}.mobile-menu:hover span{background:#334155 !important}body.dark .modern-header{background:rgba(45,55,72,.95) !important;border-color:rgba(71,85,105,.4) !important;box-shadow:0 16px 40px rgba(0,0,0,.3),0 4px 16px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.1) !important}body.dark .nav-tabs{background:rgba(51,65,85,.8) !important;border-color:rgba(71,85,105,.6) !important}body.dark .nav-tab{color:#cbd5e1 !important}body.dark .nav-tab:hover{color:#f1f5f9 !important;background:rgba(71,85,105,.7) !important}body.dark .search-toggle,body.dark .mobile-menu{background:rgba(51,65,85,.8) !important;border-color:rgba(71,85,105,.6) !important}body.dark .search-toggle svg{fill:#cbd5e1 !important;stroke:#cbd5e1 !important}body.dark .search-toggle:hover svg{fill:#f1f5f9 !important;stroke:#f1f5f9 !important}body.dark .mobile-menu span{background:#cbd5e1 !important}body.dark .header-search-input{background:rgba(30,41,59,.95) !important;border-color:rgba(71,85,105,.6) !important;color:#f1f5f9 !important}body.dark .header-search-input::placeholder{color:#94a3b8 !important}@keyframes ripple{0%{transform:scale(0);opacity:1}100%{transform:scale(4);opacity:0}}.search-toggle,.theme-toggle,.nav-tab{position:relative !important;overflow:hidden !important}.search-toggle:active,.theme-toggle:active{transform:scale(.95) !important}.nav-tab.active{animation:subtle-pulse 2s ease-in-out infinite !important}@keyframes subtle-pulse{0%,100%{box-shadow:0 4px 12px rgba(102,126,234,.3)}50%{box-shadow:0 6px 16px rgba(102,126,234,.4)}}@media (max-width:1024px){.nav-tabs{gap:4px !important;padding:4px !important}.nav-tab{padding:8px 12px !important;font-size:13px !important}.header-right{gap:16px !important}}@media (max-width:768px){.modern-header{margin:0 0px 24px 0px !important}.header-container{padding:0 0px !important;gap:16px !important}.nav-tabs{display:none !important}.mobile-menu{display:flex !important}.inline-search.active .header-search-input{width:200px !important}.logo-img{height:36px !important}}@media (max-width:480px){.header-right{gap:12px !important}.inline-search.active .header-search-input{width:160px !important}.theme-toggle{width:50px !important;height:28px !important}.toggle-thumb{width:24px !important;height:24px !important}.toggle-thumb svg{width:14px !important;height:14px !important}}

/* main.css */
*,.topDuyuru{font-size:12px}*,.kontrolPanel .tab,.topNav,section.mainContainer{box-sizing:border-box}h2,p{margin:10px 0}body.dark .contentBox,body.dark .kontrolPanel .tab,body.dark .topNav,body.dark footer{background-color:#0f0f1d}#skipButton,h2{font-size:14px}::-webkit-scrollbar-track{-webkit-box-shadow:unset;background-color:transparent}::-webkit-scrollbar{width:10px;background-color:transparent}.macListe::-webkit-scrollbar,.macListeWrapper::-webkit-scrollbar{display:none}::-webkit-scrollbar-thumb{background-color:#0ae;background-image:-webkit-gradient(linear,0 0,0 100%,color-stop(.5,rgba(255,255,255,.2)),color-stop(.5,transparent),to(transparent))}*{padding:0;margin:0;list-style:none;border:0;text-decoration:none;outline:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch;font-family:Roboto,sans-serif}#ornekReklam1,#ornekReklam1-2,.buttons .btn,.topNav,.topNav ul.menu a{border-radius:10px}html{scroll-behavior:smooth}body{background-color:#d4d4dd}section.mainContainer{position:relative;width:1100px;min-height:1446px;background-color:#f3f3f8;margin:20px auto auto;display:flex;flex-direction:column;padding:0 25px;border-radius:20px}header{width:1050px;height:auto}.topDuyuru{position:relative;width:100%;height:40px;background-color:#e65101;color:#fff;display:flex;justify-content:center;align-items:center}.topNav,footer{background-color:#fff}.topNav,.topNav ul.menu{display:flex;align-items:center}.macListeReklam img{width:100%;margin:4px 0}.topDuyuru .close{width:24px;height:24px;position:absolute;right:10px;top:8px;cursor:pointer}.topNav{position:relative;width:100%;height:71px;padding:0 16px;justify-content:space-between;margin-top:20px}.topNav .topLogo{position:relative;width:49px;height:49px}.topNav .topLogo img{position:relative;width:100%;height:100%}.topNav ul.menu{list-style:none;height:100%;color:#737a98;font-weight:600}.topNav ul.menu a{padding:10px}.topNav ul.menu a:hover{background-color:#246bfd;color:#fff!important}#homeButton{display:inline-flex;align-items:center}#homeButton svg{fill:#737A98}#homeButton:hover svg{fill:#ffff}.buttons .btn{position:relative;padding:10px 10px 10px 24px;font-weight:500}.buttons .btn img{position:absolute;top:50%;left:6px;transform:translateY(-50%);width:14px;height:14px}.buttons .btn.green{background-color:rgb(36 107 253);color:#fff}.changeSportButton span.type,.isiklarToggle.light,.onlyMobile,.topNav .buttons.mobile{display:none}.topReklam{width:100%;display:flex;justify-content:center;padding:0}#ornekReklam1{width:1000px}#ornekReklam1-2{width:100%;height:0}section.yayinAndListe{width:100%;min-height:480px;display:flex;flex-direction:row}section.yayinAndListe .yayin{width:730px;margin-top:7px}section.yayinAndListe .yayin #playerForApi,section.yayinAndListe .yayin iframe#customIframe{width:100%;height:450px}section.yayinAndListe .kontrolPanel{width:300px;padding-left:15px;display:flex;flex-direction:column;justify-content:flex-start}.kontrolPanel .nav{position:relative;height:auto;display:flex}.nav .btn-changePanel{padding:8px 14px;border-radius:7px;border:1px solid #d4d4dd;font-weight:600;margin-left:4px;cursor:pointer}.nav .btn-changePanel:first-child{margin-left:unset}.nav .btn-changePanel:hover{border:1px solid #246bfd}.nav .btn-changePanel.aktif{color:#fff;background-color:#246bfd}.changeSportButton,.macListe .mac .saat{color:#646f81;font-weight:600}.kontrolPanel .tab{width:100%;height:475px;padding:0 4px;display:flex;flex-direction:column;margin-top:6px;border-radius:6px}.kontrolPanel .tab .subNav{display:flex;flex-wrap:nowrap;justify-content:space-around;position:relative;padding:2px 0}.kontrolPanel input,.macListeWrapper .macListe .mac{background-color:#d3d5de;padding:5px 8px;box-sizing:border-box}.changeSportButton{position:relative;padding:8px 9px;border-radius:10px;display:inline-flex;justify-content:center;align-items:center;min-height:34px;box-sizing:border-box;cursor:pointer}.changeSportButton:hover,.macListe .mac.aktif .lig,.macListe .mac.aktif .saat{color:#000}#openMobileMenu svg,.changeSportButton:hover svg{fill:black}.changeSportButton svg{position:relative;width:18px;height:18px;fill:#646F81}.changeSportButton.aktif span.type{display:inline-block;padding-left:10px}.changeSportButton.aktif.yesil svg{fill:#30E58B}#openMobileMenu.aktif svg,.changeSportButton.aktif.mavi svg,body.dark .changeSportButton:hover svg{fill:#246BFD}.changeSportButton.aktif svg{fill:#FF5C00}.changeSportButton.aktif{background-color:#d3d5de;color:#000}Lisbon .kontrolPanel .arama{width:100%;position:relative;height:32px;margin-top:5px}.kontrolPanel input{width:100%;height:100%;border-radius:6px;border:none;outline:unset}#ornekReklam2,#ornekReklam3,#reklamiGec,.contentBox{border-radius:10px}footer,iframe{border-radius:20px}.kontrolPanel .macListeWrapper{flex:1;position:relative;height:360px;margin-top:8px;overflow-y:scroll;scrollbar-width:none}.macListeWrapper .macListe{width:100%;height:100%;overflow-y:scroll;scrollbar-width:none}.macListeWrapper .macListe .mac{width:100%;min-height:32px;height:fit-content;margin-top:8px;border-radius:6px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.macListeWrapper .macListe .mac:first-child{margin-top:unset}.macListeWrapper .macListe .mac:last-child{margin-bottom:8px}.macListeWrapper .macListe .mac:hover{background-color:#ff5e004b}.macListe .mac.aktif,.macListeWrapper .macListe .mac.aktif:hover,body.dark #isiklarToggle,body.dark .macListeWrapper .macListe .mac.aktif,body.dark .macListeWrapper .macListe .mac.aktif:hover{background-color:rgb(36 107 253)}.macListe .mac .takimlar{color:#000;font-weight:600;text-align:center;padding-left:6px}.macListe .mac .lig{color:#646f81;font-size:10px}.macListe .mac.aktif .takimlar,body.dark .buttons .btn,body.dark .macListeWrapper .macListe .mac .takimlar,body.dark .nav .btn-changePanel,body.dark p{color:#fff}a.linkedBlue,body.dark .changeSportButton:hover,h2{color:#246bfd}section.otherContent{width:100%;display:flex;flex-direction:row;margin-top:20px}.otherContent .content{width:730px;height:fit-content}.otherContent .sidebar{width:300px;margin-left:15px;height:400px}.contentReklam,.sidebarReklam{width:100%;display:flex;justify-content:center}#ornekReklam2{width:100%;height:300px}#playerForApi,.videoReklam{width:100%;height:100%}.contentBox{width:100%;padding:20px;background-color:#eaeaf1;margin:20px 0;box-sizing:border-box}p{color:#000}#ornekReklam3{width:100%}footer{position:relative;bottom:0;width:100%;height:106px;margin:auto;margin-bottom:20px!important;padding:20px 25px;box-sizing:border-box}footer p{margin:10;font-weight:500;color:#65656b}footer .foot{position:absolute;bottom:10px;width:95%;display:flex;justify-content:space-between;align-items:center}footer .foot span.socialWrapper{display:flex;align-items:center}footer .foot a.social img{padding:5px;width:22px}a.linkedBlue{font-weight:600}.videoReklam{position:relative;background-color:#000}#reklamiGec{position:absolute;right:10px;bottom:60px;padding:20px 30px;background-color:#246bfd;z-index:9999999999999999;color:#fff;cursor:pointer}body.dark{background-color:#222232}body.dark .macListeWrapper .macListe .mac,body.dark section.mainContainer{background-color:#181829}body.dark .nav .btn-changePanel.aktif{color:#fff;border-color:#246bfd}body.dark .changeSportButton.aktif{color:#fff;background-color:#181829}body.dark .kontrolPanel input{background-color:#202231;color:#fff}body.dark .macListeWrapper .macListe .mac:hover{background-color:#ff5e004f}body.dark .contentBox{margin-bottom:5%}body.dark footer{color:#fff}#isiklarToggle{cursor:pointer}@media only screen and (max-width:1099px){.yayin,.yayin iframe{position:relative;width:100%}.otherContent .content,footer,header,section.mainContainer,section.yayinAndListe .yayin{width:100%}section.otherContent,section.yayinAndListe{flex-direction:column}section.yayinAndListe .kontrolPanel{width:100%;padding-left:0;top:200px;position:relative}.kontrolPanel .nav{margin:20px 0}.nav .btn-changePanel{flex:1;text-align:center}.otherContent .sidebar{width:100%;height:fit-content;padding-bottom:20px;margin-left:0}.yayin{height:450px}.yayin iframe{top:0;left:0;height:100%}footer .foot{width:unset;height:fit-content}}@media only screen and (max-width:850px){.topDuyuru,header{height:auto}footer,footer .foot{height:fit-content}.topDuyuru{box-sizing:border-box;padding:10px 30px}.topDuyuru .close{right:5px;top:calc(50% - 12px)}section.mainContainer{padding:0}.topNav{border-radius:0;padding:0 8px}.topNav ul.menu{display:none;flex-direction:column;height:auto;width:100%;background-color:#fff;position:absolute;top:100%;left:0;z-index:99;border-radius:0}.topNav ul.menu li{width:100%;line-height:40px;text-align:center;border-top:1px solid rgba(0,0,0,.186);color:#000}.topNav .buttons.desktop,.topNav ul.menu li#homeButton,body.dark .isiklarToggle.moon{display:none}.topNav ul.menu li a,body.dark .isiklarToggle.light{display:inline-block}.topNav .buttons.mobile{display:inline-flex;align-items:center}.topNav ul.menu li a{position:relative;width:100%;box-sizing:border-box;padding:0}.topNav ul.menu a.aktif{color:#246bfd!important;background-color:unset}#openMobileMenu svg{fill:#000}body.dark #openMobileMenu svg,body.dark .isiklarToggle svg{fill:white}body.dark .isiklarToggle.light svg{fill:#30E58B}body.dark #openMobileMenu.aktif svg{fill:#246BFD}body.dark .topNav ul.menu{background-color:#0f0f1d}body.dark .topNav ul.menu li{border-top:1px solid rgba(255,255,255,.16);color:#fff}section.otherContent,section.yayinAndListe{box-sizing:border-box;padding:0 8px}footer .foot{position:relative;bottom:unset;display:flex;flex-direction:column;align-items:center;width:100%;padding:20px 0 10px}footer .foot span{padding:5px 0}.onlyMobile{display:inline-flex}#ornekReklam1,#ornekReklam1-2{border-radius:0;width:100%}#ornekReklam3{width:70%}#reklamiGec{position:absolute;right:10px;bottom:60px;padding:5px 7px;background-color:#246bfd;z-index:9999999999999999;border-radius:10px;color:#fff;cursor:pointer}#playerForApi{width:100%;height:100%;overflow:hidden}}a{color:inherit;text-decoration:inherit}img{max-width:100%}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto"),local("Roboto-Regular"),url(https://cdn.jsdelivr.net/npm/clappr@latest/dist/38861cba61c66739c1452c3a71e39852.ttf) format("truetype")}.channel-list ul{margin:-7px;list-style:none}.flex-wrap{flex-wrap:wrap}.flex{-webkit-box-flex:1 1 auto;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;-webkit-align-self:auto;-ms-flex-item-align:auto;align-self:auto;display:flex}.channel-list ul li{padding:7px}[data-tooltip]{position:relative!important}.floated,.page-title,.pre-player{position:relative}@media (min-width:1024px){.lg\:w-1\/6{width:16.66667%}}[data-tooltip][data-inverted]:before{background:#1b1c1d!important;-webkit-box-shadow:none !important!important;box-shadow:none !important!important}[data-tooltip]:not([data-position]):before{top:auto!important;right:auto!important;bottom:100%!important;left:50%!important;background:#fff!important;margin-left:-.07142857rem!important;margin-bottom:.14285714rem!important}.channel-list ul li a{padding:20px;border-radius:3px;background:#181a25}.justify-center{justify-content:center}.channel-list ul li a img{height:50px;object-fit:contain}[data-tooltip][data-inverted]:after{background:#1b1c1d!important;color:#fff!important;border:none!important;-webkit-box-shadow:none!important;box-shadow:none!important}.pre-player .play-btn,.pre-player .play-btn::before{width:60px;height:60px;border-radius:50%;background:rgba(255,255,255,.7);position:absolute}[data-tooltip]:not([data-position]):after{left:50%!important;-webkit-transform:translateX(-50%)!important;transform:translateX(-50%)!important;bottom:100%!important;margin-bottom:.5em!important}.floated{display:inline-block;padding-left:1rem;padding-right:1rem;padding-top:1rem;vertical-align:top;width:100%!important}.page-title{color:#fff;font-size:32px;font-weight:600;line-height:1;letter-spacing:-1.5px;margin:0;z-index:2}h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child{margin-top:25px}.pb-sm{padding-bottom:10px!important}.pt-sm{padding-top:10px!important}.mb-md{margin-bottom:15px!important}.pb-0{padding-bottom:0!important}.description-primary{color:#6a6883;font-size:16px;line-height:22px;font-weight:400}.pre-player{height:100%;width:100%;aspect-ratio:16/7}.player-wrapper{margin-top:7px;margin-bottom:7px}.pre-player .play-btn{top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;display:flex;color:var(--secondary-color);align-items:center;justify-content:center}.pre-player .play-btn::before{content:"";top:0;left:0;animation:1s cubic-bezier(0,0,.2,1) infinite ping}.pgskn,.pre-player .image,.pre-player .image::before{width:100%;height:100%;top:0}.pre-player .image{background-size:cover;background-position:center;position:absolute;left:0;opacity:.3;filter:blur(5px)}.pre-player .play-btn svg{position:relative;left:1px}.pre-player .image::before{z-index:2;content:"";position:absolute;left:0;background:linear-gradient(to right,var(--secondary-color),transparent 20%),linear-gradient(to left,var(--secondary-color),transparent 20%),linear-gradient(to top,var(--secondary-color),transparent 40%),linear-gradient(to bottom,var(--backdrop-color),transparent 40%)}@media screen and (min-width:700px){.pre-player button.mute-toggle{top:10px;right:20px}#skipButton{right:1.3rem;bottom:.8rem}}.pre-player button.mute-toggle{font-size:32px;display:inline-block;height:30px;width:30px;cursor:pointer;opacity:1;transition:250ms ease-in-out;position:absolute;top:18px;right:8px;display:flex;background:0 0;color:#000}#skipButton{position:absolute;right:.2rem;bottom:1.5rem;background:#db2424;border:2px solid #db2424;color:#fff;height:35px;padding:12px;border-radius:30px;font-weight:500;display:flex;align-items:center;z-index:2;transition:.3s;cursor:pointer}#soundOff g g,#soundOn g g{stroke:#db2424!important}@media (max-width:992px){.adcss{position:fixed;bottom:0;left:0;margin-left:0;z-index:9999;display:block;width:100%;text-align-last:center}}.pgskn{display:none;position:fixed;left:0}.pgskn>*,.topLogo1{position:relative}@media (min-width:992px){.adcss{position:fixed;bottom:0;left:50%;transform:translate(-50%);z-index:9999;display:block}.pgskn{display:block}}.pgskn picture{display:flex;justify-content:center}.topLogo1{display:block;width:163px;height:auto;border-radius:0 0 20px;background-size:contain;overflow:hidden}

/* responsive-modern.css */
@layer responsive{:root{--font-size-xs:clamp(.75rem,.7rem+.25vw,.875rem);--font-size-sm:clamp(.875rem,.8rem+.375vw,1rem);--font-size-base:clamp(1rem,.9rem+.5vw,1.125rem);--font-size-lg:clamp(1.125rem,1rem+.625vw,1.25rem);--font-size-xl:clamp(1.25rem,1.1rem+.75vw,1.5rem);--font-size-2xl:clamp(1.5rem,1.3rem+1vw,2rem);--font-size-3xl:clamp(1.875rem,1.6rem+1.375vw,2.5rem);--space-xs:clamp(.25rem,.2rem+.25vw,.375rem);--space-sm:clamp(.5rem,.4rem+.5vw,.75rem);--space-md:clamp(.75rem,.6rem+.75vw,1.125rem);--space-lg:clamp(1rem,.8rem+1vw,1.5rem);--space-xl:clamp(1.5rem,1.2rem+1.5vw,2.25rem);--space-2xl:clamp(2rem,1.6rem+2vw,3rem);--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem}body{font-size:var(--font-size-base);line-height:1.6;background:var(--neutral-100,#f3f4f6);overflow-x:hidden}@container (min-width:768px){section.mainContainer{padding:var(--space-xl);border-radius:var(--radius-2xl)}}@container (max-width:767px){section.mainContainer{margin:0;border-radius:0;padding:var(--space-md);min-height:100vh}}@container (min-width:1024px){section.yayinAndListe{grid-template-columns:1fr 320px;gap:var(--space-xl)}.kontrolPanel{position:sticky;top:var(--space-lg)}}@container (min-width:768px) and (max-width:1023px){section.yayinAndListe{grid-template-columns:1fr 280px;gap:var(--space-lg)}}@container (max-width:767px){section.yayinAndListe{grid-template-columns:1fr;gap:var(--space-md)}.yayin{order:1}.kontrolPanel{order:2;position:relative;top:0;max-height:400px}}@media (max-width:575.98px){h1,h2,h3{line-height:1.2;word-break:break-word}.topNav{position:relative;padding:var(--space-sm)}.topNav ul.menu{display:none;position:absolute;top:100%;left:0;right:0;background:var(--surface-primary);box-shadow:var(--shadow-xl);border-radius:var(--radius-lg);padding:var(--space-md);z-index:1000;flex-direction:column;gap:var(--space-xs)}.topNav ul.menu.mobile-active{display:flex}.topNav .mobile-menu-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;background:var(--neutral-100);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.topNav .mobile-menu-toggle:hover{background:var(--neutral-200)}.macListe .mac{grid-template-columns:auto 1fr;gap:var(--space-xs);padding:var(--space-xs)}.macListe .mac .lig{display:none}.macListe .mac .saat{min-width:35px;font-size:var(--font-size-xs);padding:var(--space-2xs) var(--space-xs)}.macListe .mac .takimlar{font-size:var(--font-size-sm);line-height:1.3}.tab .subNav{grid-template-columns:repeat(2,1fr);gap:var(--space-2xs)}.changeSportButton{min-height:40px;padding:var(--space-xs)}.changeSportButton svg{width:16px;height:16px}.modern-embed-player{aspect-ratio:16/10}.embed-play-button{width:50px;height:50px}.contentBox{padding:var(--space-md);margin:var(--space-sm) 0}}@media (min-width:576px) and (max-width:767.98px){.tab .subNav{grid-template-columns:repeat(3,1fr)}.macListe .mac .lig{display:block;max-width:60px}.topNav .mobile-menu-toggle{display:none}.topNav ul.menu{display:flex;position:relative;flex-direction:row;background:transparent;box-shadow:none;padding:0}}@media (min-width:768px) and (max-width:991.98px){section.otherContent{grid-template-columns:1fr 250px;gap:var(--space-lg)}.kontrolPanel{max-height:500px}.tab .subNav{grid-template-columns:repeat(auto-fit,minmax(60px,1fr))}.changeSportButton .type{display:block;font-size:var(--font-size-xs)}}@media (min-width:992px) and (max-width:1199.98px){section.mainContainer{max-width:960px}section.otherContent{grid-template-columns:1fr 280px}}@media (min-width:1200px){section.mainContainer{max-width:1140px}.kontrolPanel{max-height:600px}.changeSportButton.aktif .type{display:block}}@media (min-width:1400px){section.mainContainer{max-width:1320px}section.yayinAndListe{grid-template-columns:1fr 340px;gap:var(--space-2xl)}}@media (orientation:landscape) and (max-height:500px){.modern-embed-player{aspect-ratio:21/9}.kontrolPanel{max-height:300px}.macListe .mac{padding:var(--space-2xs) var(--space-xs);min-height:28px}section.mainContainer{padding:var(--space-sm)}}@media (hover:none) and (pointer:coarse){.nav .btn-changePanel,.changeSportButton,.macListe .mac{min-height:44px}.embed-play-button{width:60px;height:60px}.embed-skip-button,.embed-sound-toggle{min-width:44px;min-height:44px}.macListe .mac:hover,.contentBox:hover,.changeSportButton:hover{transform:none;box-shadow:initial}.macListe .mac:active,.changeSportButton:active,.nav .btn-changePanel:active{transform:scale(.98);transition-duration:var(--duration-instant)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.modern-embed-player,.kontrolPanel,.contentBox{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}.embed-play-button{animation:none}.embed-live-indicator,.embed-live-dot{animation:none}}@media (prefers-color-scheme:dark){body{background:var(--neutral-900,#111827)}@media (max-width:767px){body.dark section.mainContainer{background:var(--surface-dark,#1f2937);border:none}}@media (min-width:768px){body.dark section.mainContainer{box-shadow:0 20px 40px rgba(0,0,0,.3),0 0 0 1px var(--neutral-700,#374151)}}}@media print{section.yayinAndListe{grid-template-columns:1fr !important}.kontrolPanel,.modern-embed-player,.topReklam,.sidebarReklam{display:none !important}section.mainContainer{max-width:none !important;box-shadow:none !important;border:1px solid #000 !important;margin:0 !important;padding:1rem !important}.contentBox{border:1px solid #ccc !important;box-shadow:none !important;break-inside:avoid}}@media (min-width:1200px) and (prefers-reduced-motion:no-preference){.macListe .mac{transition:all var(--duration-fast) var(--ease-out)}.macListe .mac:hover{transform:translateX(4px)}}@media (max-width:767px){.macListe .mac:focus-visible,.changeSportButton:focus-visible{outline-offset:2px;outline-width:2px}}@media (max-width:767px) and (prefers-reduced-motion:no-preference){.modern-embed-player{will-change:transform;transform:translateZ(0)}.macListe{contain:layout style paint}.kontrolPanel{contain:layout style}}@supports not (height:100dvh){section.mainContainer{min-height:calc(100vh - 40px)}}@supports (height:100dvh){section.mainContainer{min-height:calc(100dvh - 40px)}}@supports not (container-type:inline-size){@media (max-width:1023px){section.yayinAndListe{grid-template-columns:1fr}.kontrolPanel{position:relative;top:0}}@media (min-width:1024px){section.yayinAndListe{grid-template-columns:1fr 320px}.kontrolPanel{position:sticky;top:var(--space-lg)}}}}

/* homepage-layout.css */
@layer layout{section.mainContainer{position:relative;max-width:1200px;width:100%;margin:var(--space-lg,20px) auto;background:var(--surface-primary,#fff);border-radius:var(--radius-2xl,24px);box-shadow:var(--shadow-xl,0 20px 40px rgba(0,0,0,.08));padding:var(--space-xl,32px);display:flex;flex-direction:column;gap:var(--space-lg,24px);min-height:calc(100vh - 120px);container-type:inline-size}header{width:100%;display:flex;flex-direction:column;gap:var(--space-md,16px)}.topDuyuru{position:relative;width:100%;padding:var(--space-sm,12px) var(--space-lg,24px);background:linear-gradient(135deg,#ff6b35 0%,#f7931e 100%);color:white;border-radius:var(--radius-lg,12px);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm,14px);font-weight:600;box-shadow:var(--shadow-md,0 4px 6px rgba(255,107,53,.25))}.topDuyuru .close{position:absolute;right:var(--space-sm,12px);top:50%;transform:translateY(-50%);width:24px;height:24px;cursor:pointer;opacity:.8;transition:opacity var(--duration-fast,.2s)}.topDuyuru .close:hover{opacity:1}.topNav{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-md,16px);padding:var(--space-md,16px) var(--space-lg,24px);background:var(--surface-primary,#fff);border-radius:var(--radius-xl,16px);box-shadow:var(--shadow-sm,0 1px 3px rgba(0,0,0,.05));border:1px solid var(--neutral-200,#e5e7eb)}.topNav .topLogo{display:flex;align-items:center;gap:var(--space-sm,12px)}.topNav .topLogo img{width:49px;height:49px;border-radius:var(--radius-lg,12px);object-fit:contain}.topNav ul.menu{display:flex;align-items:center;justify-content:center;gap:var(--space-xs,8px);list-style:none;margin:0;padding:0}.topNav ul.menu a{display:flex;align-items:center;gap:var(--space-2xs,4px);padding:var(--space-xs,8px) var(--space-sm,12px);color:var(--text-secondary,#6b7280);text-decoration:none;font-weight:600;font-size:var(--font-size-sm,14px);border-radius:var(--radius-lg,12px);transition:all var(--duration-fast,.2s) var(--ease-out,ease);position:relative}.topNav ul.menu a:hover,.topNav ul.menu a.aktif{background:var(--brand-primary,#3b82f6);color:white;transform:translateY(-1px);box-shadow:var(--shadow-md,0 4px 6px rgba(59,130,246,.25))}.topNav .buttons{display:flex;align-items:center;gap:var(--space-xs,8px)}.topReklam{width:100%;display:flex;justify-content:center;padding:var(--space-md,16px) 0;margin:var(--space-lg,20px) 0}#ornekReklam1{max-width:100%;border-radius:var(--radius-lg,12px);overflow:hidden;box-shadow:var(--shadow-md,0 4px 6px rgba(0,0,0,.1))}section.otherContent{display:grid;grid-template-columns:1fr 320px;gap:var(--space-xl,32px);width:100%;align-items:start}.otherContent .content{display:flex;flex-direction:column;gap:var(--space-lg,20px)}.otherContent .sidebar{position:sticky;top:var(--space-lg,20px);display:flex;flex-direction:column;gap:var(--space-md,16px)}.contentBox{background:var(--surface-secondary,#f8f9fa);border-radius:var(--radius-xl,16px);padding:var(--space-xl,24px);border:1px solid var(--neutral-200,#e5e7eb);box-shadow:var(--shadow-sm,0 1px 3px rgba(0,0,0,.05));transition:all var(--duration-fast,.2s) var(--ease-out,ease)}.contentBox:hover{box-shadow:var(--shadow-md,0 4px 6px rgba(0,0,0,.1));transform:translateY(-2px)}.contentBox p{color:var(--text-primary,#1f2937);line-height:1.6;margin:var(--space-sm,12px) 0}.contentBox h2{color:var(--brand-primary,#3b82f6);font-size:var(--font-size-xl,20px);font-weight:700;margin-bottom:var(--space-md,16px)}.sidebarReklam{background:var(--surface-secondary,#f8f9fa);border-radius:var(--radius-xl,16px);padding:var(--space-md,16px);border:1px solid var(--neutral-200,#e5e7eb);box-shadow:var(--shadow-sm,0 1px 3px rgba(0,0,0,.05));display:flex;justify-content:center;align-items:center;min-height:400px}#ornekReklam3{width:100%;border-radius:var(--radius-lg,12px);overflow:hidden}footer{width:100%;background:var(--surface-primary,#fff);border-radius:var(--radius-xl,16px);padding:var(--space-xl,24px);margin-top:auto;border:1px solid var(--neutral-200,#e5e7eb);box-shadow:var(--shadow-sm,0 1px 3px rgba(0,0,0,.05))}footer p{color:var(--text-secondary,#6b7280);font-size:var(--font-size-sm,14px);line-height:1.5;margin:var(--space-sm,10px) 0}footer .foot{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-md,16px);border-top:1px solid var(--neutral-200,#e5e7eb);margin-top:var(--space-md,16px)}footer .foot span.socialWrapper{display:flex;align-items:center;gap:var(--space-xs,8px)}footer .foot a.social{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-lg,8px);background:var(--neutral-100,#f3f4f6);transition:all var(--duration-fast,.2s) var(--ease-out,ease)}footer .foot a.social:hover{background:var(--brand-primary,#3b82f6);transform:translateY(-2px);box-shadow:var(--shadow-md,0 4px 6px rgba(59,130,246,.25))}footer .foot a.social img{width:18px;height:18px;object-fit:contain}@container (max-width:1200px){section.mainContainer{padding:var(--space-lg,24px);margin:var(--space-md,16px) auto}section.otherContent{grid-template-columns:1fr 280px;gap:var(--space-lg,24px)}}@media (max-width:1024px){section.mainContainer{padding:var(--space-md,16px);margin:var(--space-sm,8px) auto;border-radius:var(--radius-xl,16px)}section.otherContent{grid-template-columns:1fr;gap:var(--space-lg,24px)}.otherContent .sidebar{position:relative;top:0;order:2}.otherContent .content{order:1}}@media (max-width:768px){section.mainContainer{padding:var(--space-sm,12px);margin:var(--space-xs,4px) auto;border-radius:var(--radius-lg,12px)}.topNav{grid-template-columns:1fr;gap:var(--space-sm,12px);padding:var(--space-sm,12px)}.topNav ul.menu{display:none;position:absolute;top:100%;left:0;right:0;background:var(--surface-primary,#fff);border-radius:var(--radius-lg,12px);box-shadow:var(--shadow-lg,0 10px 25px rgba(0,0,0,.15));padding:var(--space-sm,12px);z-index:100;flex-direction:column;gap:var(--space-xs,4px)}.topNav ul.menu.active{display:flex}.topNav ul.menu li{width:100%}.topNav ul.menu a{width:100%;justify-content:center;padding:var(--space-sm,12px)}.topNav .buttons.mobile{display:flex}.topNav .buttons.desktop{display:none}.contentBox{padding:var(--space-md,16px)}footer{padding:var(--space-md,16px)}footer .foot{flex-direction:column;gap:var(--space-sm,12px);text-align:center}}@media (max-width:480px){section.mainContainer{margin:0;border-radius:0;min-height:100vh}.topDuyuru{border-radius:0;margin:0 calc(-1 * var(--space-sm,12px))}.topNav{margin:0 calc(-1 * var(--space-sm,12px));border-radius:0}.contentBox{padding:var(--space-sm,12px);border-radius:var(--radius-lg,12px)}footer{margin:0 calc(-1 * var(--space-sm,12px));border-radius:0}}@media (prefers-color-scheme:dark){body.dark section.mainContainer{background:var(--surface-dark,#1f2937);border-color:var(--neutral-700,#374151)}body.dark .topNav{background:var(--surface-dark-secondary,#374151);border-color:var(--neutral-600,#4b5563)}body.dark .topNav ul.menu a{color:var(--text-dark-secondary,#9ca3af)}body.dark .topNav ul.menu a:hover,body.dark .topNav ul.menu a.aktif{color:white}body.dark .contentBox{background:var(--surface-dark-secondary,#374151);border-color:var(--neutral-600,#4b5563)}body.dark .contentBox p{color:var(--text-dark-primary,#f9fafb)}body.dark .contentBox h2{color:var(--brand-primary,#60a5fa)}body.dark .sidebarReklam{background:var(--surface-dark-secondary,#374151);border-color:var(--neutral-600,#4b5563)}body.dark footer{background:var(--surface-dark-secondary,#374151);border-color:var(--neutral-600,#4b5563)}body.dark footer p{color:var(--text-dark-secondary,#9ca3af)}body.dark footer .foot{border-color:var(--neutral-600,#4b5563)}body.dark footer .foot a.social{background:var(--surface-dark-tertiary,#111827)}}@media print{section.mainContainer{box-shadow:none;border:1px solid #ccc}.topDuyuru,.topReklam,.sidebarReklam,#ornekReklam1,#ornekReklam3{display:none}section.otherContent{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){section.mainContainer,.contentBox,.topNav ul.menu a,footer .foot a.social{transition:none}}.topNav ul.menu a:focus-visible,footer .foot a.social:focus-visible{outline:2px solid var(--brand-primary,#3b82f6);outline-offset:2px}@media (prefers-contrast:high){section.mainContainer,.contentBox,.sidebarReklam,footer{border:2px solid}.topNav ul.menu a:hover,.topNav ul.menu a.aktif{background:black;color:white;border:1px solid white}}}

/* match-list-layout.css */
@layer components{section.yayinAndListe{display:grid;grid-template-columns:1fr 320px;gap:var(--space-lg,20px);width:100%;min-height:500px;margin-top:var(--space-sm,10px);container-type:inline-size}.yayin{display:flex;flex-direction:column;gap:var(--space-sm,10px);min-height:450px}.modern-embed-player{position:relative;width:100%;aspect-ratio:16/9;background:var(--surface-primary,#f8f9fa);border-radius:var(--radius-lg,12px);overflow:hidden;box-shadow:var(--shadow-lg,0 10px 25px rgba(0,0,0,.1));transition:all var(--duration-normal,.3s) var(--ease-out,ease)}.modern-embed-player:hover{box-shadow:var(--shadow-xl,0 20px 40px rgba(0,0,0,.15));transform:translateY(-2px)}.kontrolPanel{display:flex;flex-direction:column;gap:var(--space-sm,12px);background:var(--surface-primary,#fff);border-radius:var(--radius-xl,16px);padding:var(--space-md,16px);box-shadow:var(--shadow-md,0 4px 12px rgba(0,0,0,.05));border:1px solid var(--neutral-200,#e5e7eb);height:fit-content;max-height:600px;position:sticky;top:var(--space-lg,20px)}.kontrolPanel .nav{display:flex;gap:var(--space-xs,8px);padding:var(--space-xs,6px);background:var(--neutral-100,#f3f4f6);border-radius:var(--radius-lg,12px);position:relative}.nav .btn-changePanel{flex:1;padding:var(--space-xs,8px) var(--space-sm,12px);border:none;background:transparent;border-radius:var(--radius-md,8px);font-weight:600;font-size:var(--font-size-sm,14px);color:var(--text-secondary,#6b7280);cursor:pointer;transition:all var(--duration-fast,.2s) var(--ease-out,ease);position:relative;z-index:1}.nav .btn-changePanel:hover{color:var(--text-primary,#1f2937);background:var(--surface-primary,#fff)}.nav .btn-changePanel.aktif{color:var(--brand-primary,#3b82f6);background:var(--surface-primary,#fff);box-shadow:var(--shadow-sm,0 1px 3px rgba(0,0,0,.1))}.kontrolPanel .tab{display:flex;flex-direction:column;gap:var(--space-sm,12px);flex:1;min-height:0}.tab .subNav{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:var(--space-xs,6px);padding:var(--space-xs,8px);background:var(--neutral-50,#f9fafb);border-radius:var(--radius-lg,12px)}.changeSportButton{display:flex;flex-direction:column;align-items:center;gap:var(--space-2xs,4px);padding:var(--space-xs,8px);border:none;background:transparent;border-radius:var(--radius-md,8px);cursor:pointer;transition:all var(--duration-fast,.2s) var(--ease-out,ease);font-size:var(--font-size-xs,12px);font-weight:600;color:var(--text-secondary,#6b7280);min-height:48px;justify-content:center}.changeSportButton svg{width:18px;height:18px;fill:currentColor;transition:all var(--duration-fast,.2s) var(--ease-out,ease)}.changeSportButton:hover{background:var(--surface-primary,#fff);color:var(--text-primary,#1f2937);transform:translateY(-1px);box-shadow:var(--shadow-sm,0 1px 3px rgba(0,0,0,.1))}.changeSportButton.aktif{background:var(--brand-primary,#3b82f6);color:white;box-shadow:var(--shadow-md,0 4px 6px rgba(59,130,246,.25))}.changeSportButton.aktif svg{fill:white}.changeSportButton .type{display:none;font-size:var(--font-size-xs,11px);font-weight:600}.changeSportButton.aktif .type{display:block}.kontrolPanel .arama{position:relative}.kontrolPanel input{width:100%;padding:var(--space-sm,12px) var(--space-md,16px);border:1px solid var(--neutral-300,#d1d5db);border-radius:var(--radius-lg,12px);background:var(--surface-primary,#fff);font-size:var(--font-size-sm,14px);color:var(--text-primary,#1f2937);transition:all var(--duration-fast,.2s) var(--ease-out,ease);box-sizing:border-box}.kontrolPanel input:focus{outline:none;border-color:var(--brand-primary,#3b82f6);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.kontrolPanel input::placeholder{color:var(--text-tertiary,#9ca3af)}.macListeWrapper{flex:1;min-height:0;overflow:hidden;border-radius:var(--radius-lg,12px);background:var(--neutral-50,#f9fafb)}.macListe{height:100%;overflow-y:auto;padding:var(--space-xs,8px);scrollbar-width:thin;scrollbar-color:var(--neutral-400,#9ca3af) transparent;display:none !important;flex-direction:column}.macListe.show,.macListe[style*="display:flex"]{display:flex !important;flex-direction:column !important;visibility:visible !important}.macListe::-webkit-scrollbar{width:6px}.macListe::-webkit-scrollbar-track{background:transparent}.macListe::-webkit-scrollbar-thumb{background:var(--neutral-400,#9ca3af);border-radius:3px}.macListe::-webkit-scrollbar-thumb:hover{background:var(--neutral-500,#6b7280)}.macListe .mac{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-sm,12px);align-items:center;padding:var(--space-sm,12px);margin-bottom:var(--space-xs,8px);background:var(--surface-primary,#fff);border:1px solid var(--neutral-200,#e5e7eb);border-radius:var(--radius-lg,12px);cursor:pointer;transition:all var(--duration-fast,.2s) var(--ease-out,ease);position:relative;overflow:hidden}.macListe .mac::before{content:'';position:absolute;left:0;top:0;bottom:0;width:0;background:var(--brand-primary,#3b82f6);transition:width var(--duration-fast,.2s) var(--ease-out,ease)}.macListe .mac:hover{border-color:var(--brand-primary,#3b82f6);transform:translateY(-1px);box-shadow:var(--shadow-md,0 4px 6px rgba(0,0,0,.1))}.macListe .mac:hover::before{width:3px}.macListe .mac.aktif{background:var(--brand-primary,#3b82f6);border-color:var(--brand-primary,#3b82f6);color:white;box-shadow:var(--shadow-lg,0 10px 15px rgba(59,130,246,.25))}.macListe .mac.aktif::before{width:3px;background:white}.macListe .mac .saat{font-size:var(--font-size-xs,12px);font-weight:700;color:var(--text-secondary,#6b7280);padding:var(--space-2xs,4px) var(--space-xs,8px);background:var(--neutral-100,#f3f4f6);border-radius:var(--radius-md,8px);white-space:nowrap;min-width:45px;text-align:center}.macListe .mac.aktif .saat{background:rgba(255,255,255,.2);color:white}.macListe .mac .takimlar{font-size:var(--font-size-sm,14px);font-weight:600;color:var(--text-primary,#1f2937);line-height:1.3;text-align:center}.macListe .mac.aktif .takimlar{color:white}.macListe .mac .lig{font-size:var(--font-size-xs,11px);font-weight:500;color:var(--text-tertiary,#9ca3af);text-align:right;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.macListe .mac.aktif .lig{color:rgba(255,255,255,.8)}@container (max-width:1200px){section.yayinAndListe{grid-template-columns:1fr 280px;gap:var(--space-md,16px)}.kontrolPanel{padding:var(--space-sm,12px)}.tab .subNav{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){section.yayinAndListe{grid-template-columns:1fr;gap:var(--space-lg,20px)}.kontrolPanel{position:relative;top:0;max-height:400px;order:2}.yayin{order:1}.tab .subNav{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.changeSportButton .type{display:block;font-size:var(--font-size-2xs,10px)}}@media (max-width:768px){.kontrolPanel{padding:var(--space-sm,12px);border-radius:var(--radius-lg,12px)}.nav .btn-changePanel{padding:var(--space-xs,6px);font-size:var(--font-size-xs,12px)}.tab .subNav{grid-template-columns:repeat(2,1fr);gap:var(--space-2xs,4px)}.changeSportButton{padding:var(--space-xs,6px);min-height:40px}.changeSportButton svg{width:16px;height:16px}.macListe .mac{padding:var(--space-xs,8px);gap:var(--space-xs,8px)}.macListe .mac .saat{min-width:40px;font-size:var(--font-size-2xs,11px)}.macListe .mac .takimlar{font-size:var(--font-size-sm,13px)}.macListe .mac .lig{max-width:60px;font-size:var(--font-size-2xs,10px)}}@media (prefers-color-scheme:dark){body.dark .kontrolPanel{background:var(--surface-dark,#1f2937);border-color:var(--neutral-700,#374151)}body.dark .nav .btn-changePanel{color:var(--text-dark-secondary,#9ca3af)}body.dark .nav .btn-changePanel:hover,body.dark .nav .btn-changePanel.aktif{background:var(--surface-dark-secondary,#374151);color:var(--text-dark-primary,#f9fafb)}body.dark .changeSportButton{color:var(--text-dark-secondary,#9ca3af)}body.dark .changeSportButton:hover{background:var(--surface-dark-secondary,#374151);color:var(--text-dark-primary,#f9fafb)}body.dark .kontrolPanel input{background:var(--surface-dark-secondary,#374151);border-color:var(--neutral-600,#4b5563);color:var(--text-dark-primary,#f9fafb)}body.dark .macListeWrapper{background:var(--surface-dark-tertiary,#111827)}}.macListe.loading{position:relative;overflow:hidden}.macListe.loading::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient( 90deg,transparent,rgba(255,255,255,.4),transparent );animation:loading-shimmer 1.5s infinite}@keyframes loading-shimmer{0%{left:-100%}100%{left:100%}}.macListe.empty{display:flex;align-items:center;justify-content:center;color:var(--text-tertiary,#9ca3af);font-size:var(--font-size-sm,14px);min-height:120px}.macListe.empty::before{content:'📺';font-size:2rem;margin-bottom:var(--space-sm,12px)}}

/* modern-embed-player.css */
@layer components{.modern-embed-player{position:relative;width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:var(--radius-xl,16px);overflow:hidden;box-shadow:var(--shadow-xl,0 20px 40px rgba(0,0,0,.15));transition:all var(--duration-normal,.3s) var(--ease-out,ease);isolation:isolate;container-type:inline-size}.modern-embed-player:hover{box-shadow:var(--shadow-2xl,0 25px 50px rgba(0,0,0,.25));transform:translateY(-2px)}.embed-poster{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1;transition:all var(--duration-slow,.5s) var(--ease-out,ease)}.embed-poster::before{content:'';position:absolute;inset:0;background:linear-gradient( 135deg,rgba(0,0,0,.4) 0%,rgba(0,0,0,.1) 50%,rgba(0,0,0,.6) 100% );z-index:2}.embed-poster::after{content:'';position:absolute;inset:0;background:radial-gradient( circle at center,transparent 30%,rgba(0,0,0,.3) 100% );z-index:3}.embed-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;width:clamp(60px,8vw,80px);height:clamp(60px,8vw,80px);border:none;border-radius:50%;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);color:var(--brand-primary,#3b82f6);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-normal,.3s) var(--ease-out,ease);box-shadow:var(--shadow-lg,0 10px 25px rgba(0,0,0,.15)),0 0 0 0 rgba(255,255,255,.7);animation:pulse-ring 2s infinite}.embed-play-button:hover{transform:translate(-50%,-50%) scale(1.1);background:rgba(255,255,255,1);box-shadow:var(--shadow-xl,0 20px 40px rgba(0,0,0,.25)),0 0 0 8px rgba(255,255,255,.3);animation:none}.embed-play-button:active{transform:translate(-50%,-50%) scale(.95);transition-duration:var(--duration-instant,.1s)}.embed-play-button svg{width:40%;height:40%;fill:currentColor;margin-left:2px}@keyframes pulse-ring{0%{box-shadow:var(--shadow-lg,0 10px 25px rgba(0,0,0,.15)),0 0 0 0 rgba(255,255,255,.7)}70%{box-shadow:var(--shadow-lg,0 10px 25px rgba(0,0,0,.15)),0 0 0 8px rgba(255,255,255,0)}100%{box-shadow:var(--shadow-lg,0 10px 25px rgba(0,0,0,.15)),0 0 0 0 rgba(255,255,255,0)}}.embed-live-indicator{position:absolute;top:var(--space-md,16px);left:var(--space-md,16px);z-index:8;display:flex;align-items:center;gap:var(--space-xs,8px);padding:var(--space-xs,6px) var(--space-sm,12px);background:rgba(220,38,38,.95);backdrop-filter:blur(10px);color:white;font-size:var(--font-size-xs,12px);font-weight:700;letter-spacing:.5px;border-radius:var(--radius-full,9999px);box-shadow:var(--shadow-md,0 4px 6px rgba(220,38,38,.25));animation:live-pulse 2s infinite}.embed-live-dot{width:8px;height:8px;background:white;border-radius:50%;animation:live-dot-pulse 1.5s infinite}@keyframes live-pulse{0%,100%{opacity:1}50%{opacity:.8}}@keyframes live-dot-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}.embed-quality-badge{position:absolute;top:var(--space-md,16px);right:var(--space-md,16px);z-index:8;padding:var(--space-xs,6px) var(--space-sm,10px);background:rgba(0,0,0,.7);backdrop-filter:blur(10px);color:white;font-size:var(--font-size-xs,11px);font-weight:700;letter-spacing:.5px;border-radius:var(--radius-md,8px);border:1px solid rgba(255,255,255,.2)}.embed-loading{position:absolute;inset:0;z-index:15;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md,16px);background:rgba(0,0,0,.8);backdrop-filter:blur(10px);color:white}.embed-loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top:3px solid white;border-radius:50%;animation:spin 1s linear infinite}.embed-loading-text{font-size:var(--font-size-sm,14px);font-weight:500;opacity:.9}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.embed-ad-container{position:absolute;inset:0;z-index:20;background:#000;display:none}.embed-ad-container.active{display:block}.embed-ad-video{width:100%;height:100%;object-fit:cover}.embed-skip-button{position:absolute;bottom:var(--space-lg,20px);right:var(--space-lg,20px);z-index:25;padding:var(--space-sm,12px) var(--space-md,16px);background:rgba(220,38,38,.9);backdrop-filter:blur(10px);color:white;border:none;border-radius:var(--radius-lg,12px);font-size:var(--font-size-sm,14px);font-weight:600;cursor:pointer;transition:all var(--duration-fast,.2s) var(--ease-out,ease);opacity:.8;transform:translateY(10px);animation:skip-button-entrance .5s ease-out forwards}.embed-skip-button:disabled{background:rgba(107,114,128,.7);cursor:not-allowed;opacity:.5}.embed-skip-button:not(:disabled):hover{background:rgba(220,38,38,1);transform:translateY(0);box-shadow:var(--shadow-lg,0 10px 25px rgba(220,38,38,.25))}@keyframes skip-button-entrance{to{opacity:1;transform:translateY(0)}}.embed-sound-toggle{position:absolute;top:var(--space-lg,20px);right:var(--space-lg,20px);z-index:25;width:44px;height:44px;border:none;border-radius:50%;background:rgba(0,0,0,.7);backdrop-filter:blur(10px);color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast,.2s) var(--ease-out,ease)}.embed-sound-toggle:hover{background:rgba(0,0,0,.9);transform:scale(1.1)}.embed-sound-toggle svg{width:20px;height:20px;fill:currentColor}.embed-iframe-container{position:absolute;inset:0;z-index:5;border-radius:inherit;overflow:hidden}.embed-iframe-container iframe{width:100%;height:100%;border:none;border-radius:inherit}.ad-section{display:flex;justify-content:center;align-items:center;margin:var(--space-md,16px) 0;padding:var(--space-sm,12px);background:var(--neutral-50,#f9fafb);border-radius:var(--radius-lg,12px);border:1px solid var(--neutral-200,#e5e7eb);min-height:60px}.ad-section.mobile-top,.ad-section.mobile-after{display:none}@container (max-width:768px){.embed-live-indicator,.embed-quality-badge{top:var(--space-sm,8px);padding:var(--space-2xs,4px) var(--space-xs,8px);font-size:var(--font-size-2xs,10px)}.embed-live-indicator{left:var(--space-sm,8px)}.embed-quality-badge{right:var(--space-sm,8px)}.embed-skip-button{bottom:var(--space-sm,8px);right:var(--space-sm,8px);padding:var(--space-xs,8px) var(--space-sm,12px);font-size:var(--font-size-xs,12px)}.embed-sound-toggle{top:var(--space-sm,8px);right:var(--space-sm,8px);width:36px;height:36px}.embed-sound-toggle svg{width:16px;height:16px}}@media (max-width:768px){.ad-section.desktop-top,.ad-section.desktop-after{display:none}.ad-section.mobile-top,.ad-section.mobile-after{display:flex}}.legacy-player-container,.legacy-video-ad{display:none !important;position:absolute;inset:0;z-index:1}@media (prefers-color-scheme:dark){body.dark .ad-section{background:var(--surface-dark-secondary,#374151);border-color:var(--neutral-600,#4b5563)}body.dark .embed-quality-badge{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}}.embed-play-button:focus-visible,.embed-skip-button:focus-visible,.embed-sound-toggle:focus-visible{outline:2px solid var(--brand-primary,#3b82f6);outline-offset:2px}@media (prefers-reduced-motion:reduce){.modern-embed-player,.embed-play-button,.embed-skip-button,.embed-sound-toggle{transition:none}.embed-play-button,.embed-live-indicator,.embed-live-dot{animation:none}}@media (prefers-contrast:high){.embed-play-button{background:white;color:black;border:2px solid black}.embed-live-indicator{background:red;border:1px solid white}.embed-skip-button{background:red;border:1px solid white}}}

/* video-player.css */
@layer components{.modern-video-player{position:relative;container-type:inline-size;background:var(--neutral-950);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-2xl);aspect-ratio:16/9;backdrop-filter:blur(20px);background:linear-gradient(135deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.7) 100%)}.modern-video-player::before{content:'';position:absolute;inset:0;background:linear-gradient( 45deg,rgba(var(--brand-primary),.1) 0%,transparent 50%,rgba(var(--brand-secondary),.1) 100% );pointer-events:none;z-index:1}.modern-video-player video{width:100%;height:100%;object-fit:cover;display:block}.video-poster{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:2;filter:blur(2px) brightness(.7);transition:all var(--duration-slow) var(--ease-out)}.video-poster::after{content:'';position:absolute;inset:0;background:linear-gradient( 180deg,transparent 0%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.8) 100% )}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;width:clamp(4rem,8vw,6rem);height:clamp(4rem,8vw,6rem);border:none;border-radius:50%;background:rgba(255,255,255,.15);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.3);color:white;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);display:flex;align-items:center;justify-content:center}.play-button::before{content:'';position:absolute;inset:-10px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:pulse 2s infinite;opacity:0}.play-button:hover::before{opacity:1}.play-button:hover{transform:translate(-50%,-50%) scale(1.1);background:rgba(255,255,255,.25);border-color:rgba(255,255,255,.5);box-shadow:0 0 30px rgba(255,255,255,.3)}.play-button svg{width:40%;height:40%;margin-left:4px;fill:currentColor;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.video-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:15}.loading-spinner{width:3rem;height:3rem;border:3px solid rgba(255,255,255,.3);border-top:3px solid var(--brand-primary);border-radius:50%;animation:spin 1s linear infinite}.video-controls{position:absolute;bottom:0;left:0;right:0;z-index:20;background:linear-gradient( 180deg,transparent 0%,rgba(0,0,0,.8) 100% );backdrop-filter:blur(10px);padding:var(--space-md);transform:translateY(100%);transition:transform var(--duration-normal) var(--ease-out)}.modern-video-player:hover .video-controls,.modern-video-player:focus-within .video-controls,.video-controls:focus-within{transform:translateY(0)}.controls-row{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs)}.controls-row:last-child{margin-bottom:0}.progress-container{flex:1;height:6px;background:rgba(255,255,255,.3);border-radius:var(--radius-full);cursor:pointer;position:relative;margin:0 var(--space-sm)}.progress-bar{height:100%;background:var(--brand-primary);border-radius:inherit;width:0;transition:width .1s ease;position:relative}.progress-bar::after{content:'';position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:12px;height:12px;background:var(--brand-primary);border-radius:50%;opacity:0;transition:opacity var(--duration-fast) ease}.progress-container:hover .progress-bar::after{opacity:1}.control-btn{background:none;border:none;color:white;cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out);display:flex;align-items:center;justify-content:center}.control-btn:hover{background:rgba(255,255,255,.2);transform:scale(1.1)}.control-btn svg{width:1.25rem;height:1.25rem;fill:currentColor}.time-display{color:white;font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;font-weight:500;white-space:nowrap}.volume-control{display:flex;align-items:center;gap:var(--space-xs)}.volume-slider{width:0;opacity:0;transition:all var(--duration-normal) var(--ease-out);-webkit-appearance:none;appearance:none;height:4px;background:rgba(255,255,255,.3);border-radius:var(--radius-full);outline:none}.volume-control:hover .volume-slider,.volume-slider:focus{width:4rem;opacity:1}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:var(--brand-primary);border-radius:50%;cursor:pointer}.volume-slider::-moz-range-thumb{width:12px;height:12px;background:var(--brand-primary);border-radius:50%;cursor:pointer;border:none}.quality-selector{position:relative}.quality-menu{position:absolute;bottom:100%;right:0;background:rgba(0,0,0,.9);backdrop-filter:blur(20px);border-radius:var(--radius-md);padding:var(--space-xs);min-width:8rem;opacity:0;visibility:hidden;transform:translateY(10px);transition:all var(--duration-fast) var(--ease-out)}.quality-selector:hover .quality-menu,.quality-menu:focus-within{opacity:1;visibility:visible;transform:translateY(0)}.quality-option{display:block;width:100%;padding:var(--space-xs) var(--space-sm);background:none;border:none;color:white;text-align:left;cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--duration-fast) ease}.quality-option:hover,.quality-option.active{background:var(--brand-primary)}.modern-video-player.theater-mode{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;border-radius:0}.modern-video-player.fullscreen{width:100vw !important;height:100vh !important;border-radius:0}.live-indicator{position:absolute;top:var(--space-md);left:var(--space-md);z-index:25;display:flex;align-items:center;gap:var(--space-xs);background:rgba(255,0,0,.9);color:white;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.live-dot{width:8px;height:8px;background:white;border-radius:50%;animation:pulse 1.5s infinite}.viewer-count{position:absolute;top:var(--space-md);right:var(--space-md);z-index:25;background:rgba(0,0,0,.7);backdrop-filter:blur(10px);color:white;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500;display:flex;align-items:center;gap:var(--space-xs)}.viewer-icon svg{width:1rem;height:1rem;fill:currentColor}@container (max-width:600px){.video-controls{padding:var(--space-sm)}.controls-row{gap:var(--space-xs)}.control-btn{padding:var(--space-2xs)}.control-btn svg{width:1rem;height:1rem}.time-display{font-size:var(--font-size-xs)}.volume-control:hover .volume-slider{width:3rem}}@container (max-width:400px){.viewer-count,.live-indicator{top:var(--space-sm);right:var(--space-sm);left:var(--space-sm)}.live-indicator{left:var(--space-sm);right:auto}.play-button{width:3rem;height:3rem}}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.modern-video-player:focus-visible{outline:3px solid var(--brand-primary);outline-offset:2px}.control-btn:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.play-button::before,.live-dot{animation:none}.video-controls,.quality-menu{transition:opacity var(--duration-fast) ease}}@media (prefers-contrast:high){.video-controls{background:rgba(0,0,0,.95)}.control-btn:hover{background:rgba(255,255,255,.4)}}}

/* embed-player.css */
@layer components{.modern-embed-player{position:relative;container-type:inline-size;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);background:var(--surface-primary);aspect-ratio:16/9;width:100%;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}body.dark .modern-embed-player,[data-theme="dark"] .modern-embed-player{background:var(--surface-secondary);border-color:rgba(255,255,255,.05);box-shadow:var(--shadow-xl),inset 0 1px 0 rgba(255,255,255,.05)}.embed-poster{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:2;filter:brightness(.7) blur(1px);transition:all var(--duration-slow) var(--ease-out)}.embed-poster::after{content:'';position:absolute;inset:0;background:linear-gradient( 135deg,rgba(0,0,0,.4) 0%,rgba(0,0,0,.1) 50%,rgba(0,0,0,.6) 100% )}.embed-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;width:clamp(4rem,10vw,6rem);height:clamp(4rem,10vw,6rem);border:none;border-radius:50%;background:rgba(255,255,255,.1);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.2);color:white;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);display:flex;align-items:center;justify-content:center;--glow-color:var(--brand-primary)}.embed-play-button::before{content:'';position:absolute;inset:-8px;border-radius:50%;background:radial-gradient(circle,var(--glow-color,rgba(255,255,255,.2)) 0%,transparent 70%);opacity:0;animation:pulse-glow 2s infinite}.embed-play-button:hover{transform:translate(-50%,-50%) scale(1.1);background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.4);box-shadow:0 0 30px var(--glow-color,rgba(255,255,255,.3)),var(--shadow-xl)}.embed-play-button:hover::before{opacity:.8}.embed-play-button:active{transform:translate(-50%,-50%) scale(.95);transition-duration:var(--duration-instant)}.embed-play-button svg{width:40%;height:40%;margin-left:6px;fill:currentColor;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.embed-iframe{position:absolute;inset:0;width:100%;height:100%;border:none;border-radius:inherit;z-index:5;opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}.embed-iframe.loaded{opacity:1}.embed-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:15;display:flex;flex-direction:column;align-items:center;gap:var(--space-md);color:white;font-weight:500}.embed-loading-spinner{width:3rem;height:3rem;border:3px solid rgba(255,255,255,.2);border-top:3px solid var(--brand-primary);border-radius:50%;animation:spin 1s linear infinite}.embed-loading-text{font-size:var(--font-size-sm);opacity:.8;text-align:center}.embed-ad-container{position:absolute;inset:0;z-index:20;background:var(--neutral-950);border-radius:inherit;display:none}.embed-ad-container.active{display:block}.embed-ad-video{width:100%;height:100%;object-fit:cover;border-radius:inherit}.embed-skip-button{position:absolute;bottom:var(--space-lg);right:var(--space-lg);z-index:25;background:rgba(0,0,0,.8);backdrop-filter:blur(10px);color:white;border:2px solid rgba(255,255,255,.3);border-radius:var(--radius-lg);padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);display:none}.embed-skip-button.visible{display:block}.embed-skip-button:disabled{opacity:.6;cursor:not-allowed;background:rgba(255,255,255,.1)}.embed-skip-button:not(:disabled):hover{background:var(--brand-primary);border-color:var(--brand-primary);transform:scale(1.05)}.embed-sound-toggle{position:absolute;top:var(--space-lg);right:var(--space-lg);z-index:25;width:2.5rem;height:2.5rem;background:rgba(0,0,0,.7);backdrop-filter:blur(10px);border:none;border-radius:50%;color:white;cursor:pointer;display:none;align-items:center;justify-content:center;transition:all var(--duration-fast) var(--ease-out)}.embed-sound-toggle.visible{display:flex}.embed-sound-toggle svg{width:1.25rem;height:1.25rem;fill:currentColor}.embed-sound-toggle:hover{background:rgba(255,255,255,.2);transform:scale(1.1)}.embed-live-indicator{position:absolute;top:var(--space-md);left:var(--space-md);z-index:15;display:flex;align-items:center;gap:var(--space-xs);background:linear-gradient(135deg,#f00,#c00);color:white;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-md)}.embed-live-dot{width:6px;height:6px;background:white;border-radius:50%;animation:pulse-dot 1.5s infinite}.embed-quality-badge{position:absolute;top:var(--space-md);right:var(--space-md);z-index:15;background:rgba(0,0,0,.8);backdrop-filter:blur(10px);color:white;text-shadow:0 1px 2px rgba(0,0,0,.5);padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;opacity:0;transform:translateY(-10px);transition:all var(--duration-normal) var(--ease-out)}.modern-embed-player:hover .embed-quality-badge{opacity:1;transform:translateY(0)}@container (max-width:600px){.embed-play-button{width:3.5rem;height:3.5rem}.embed-skip-button{bottom:var(--space-md);right:var(--space-md);padding:var(--space-2xs) var(--space-xs);font-size:var(--font-size-xs)}.embed-sound-toggle{top:var(--space-md);right:var(--space-md);width:2rem;height:2rem}.embed-sound-toggle svg{width:1rem;height:1rem}.embed-live-indicator,.embed-quality-badge{top:var(--space-sm);left:var(--space-sm);right:var(--space-sm)}.embed-quality-badge{right:var(--space-sm);left:auto}}@container (max-width:400px){.embed-play-button{width:3rem;height:3rem}.embed-loading{gap:var(--space-sm)}.embed-loading-spinner{width:2rem;height:2rem}}@keyframes pulse-glow{0%,100%{opacity:0}50%{opacity:.6}}@keyframes pulse-dot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes fadeInEmbed{from{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.embed-iframe.loaded{animation:fadeInEmbed var(--duration-normal) var(--ease-out)}.embed-play-button:focus-visible,.embed-skip-button:focus-visible,.embed-sound-toggle:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.embed-play-button::before,.embed-live-dot{animation:none}.embed-iframe,.embed-play-button,.embed-skip-button,.embed-sound-toggle{transition:opacity var(--duration-fast) ease}}@media (prefers-contrast:high){.embed-play-button{background:rgba(255,255,255,.3);border-color:rgba(255,255,255,.6)}.embed-skip-button{background:rgba(0,0,0,.9);border-color:rgba(255,255,255,.8)}}.player-wrapper{@extend .modern-embed-player}.pre-player{position:relative;width:100%;height:100%}.pre-player .image{@extend .embed-poster}.pre-player .play-btn{@extend .embed-play-button}}

/* components.css */
@layer components{.modern-header{position:sticky;top:0;z-index:1000;background:var(--surface-primary);backdrop-filter:blur(20px);border-bottom:1px solid var(--neutral-200);transition:all var(--duration-normal) var(--ease-out);container-type:inline-size}.modern-header.scrolled{background:color-mix(in srgb,var(--surface-primary) 90%,transparent);box-shadow:var(--shadow-lg)}.header-container{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-md);padding-block:var(--space-sm);max-inline-size:var(--container-7xl);margin-inline:auto;padding-inline:0}.header-logo{display:flex;align-items:center;gap:var(--space-xs);font-weight:700;font-size:var(--font-size-xl);color:var(--brand-primary);text-decoration:none}.header-logo img{block-size:clamp(2rem,5vw,3rem);inline-size:auto;border-radius:var(--radius-md)}.main-nav{display:flex;align-items:center;justify-content:center;gap:var(--space-xs)}.nav-list{display:flex;align-items:center;gap:var(--space-xs);padding:0;margin:0;list-style:none}.nav-item{position:relative}.nav-link{display:flex;align-items:center;gap:var(--space-2xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-lg);font-weight:500;color:var(--text-secondary);text-decoration:none;transition:all var(--duration-fast) var(--ease-out);position:relative;overflow:hidden}.nav-link::before{content:'';position:absolute;inset:0;background:var(--brand-primary);opacity:0;transform:translateY(100%);transition:all var(--duration-normal) var(--ease-out);border-radius:inherit}.nav-link:hover::before,.nav-link:focus-visible::before{opacity:.1;transform:translateY(0)}.nav-link:hover,.nav-link:focus-visible{color:var(--brand-primary);transform:translateY(-1px)}.nav-link.active{background:var(--brand-primary);color:white;box-shadow:var(--shadow-md)}.nav-icon{inline-size:1.25rem;block-size:1.25rem;fill:currentColor}.header-actions{display:flex;align-items:center;gap:var(--space-xs)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2xs);padding:var(--space-xs) var(--space-sm);border:none;border-radius:var(--radius-lg);font-family:inherit;font-size:var(--font-size-sm);font-weight:500;line-height:1;cursor:pointer;text-decoration:none;transition:all var(--duration-fast) var(--ease-out);position:relative;overflow:hidden;white-space:nowrap;container-type:inline-size}.btn::before{content:'';position:absolute;inset:0;background:currentColor;opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.btn:hover::before{opacity:.1}.btn:active{transform:translateY(1px);transition-duration:var(--duration-instant)}.btn--primary{background:var(--brand-primary);color:white;box-shadow:var(--shadow-sm)}.btn--primary:hover{background:color-mix(in srgb,var(--brand-primary) 90%,black);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn--secondary{background:var(--surface-secondary);color:var(--text-primary);border:1px solid var(--neutral-300)}.btn--secondary:hover{background:var(--surface-tertiary);border-color:var(--brand-primary)}.btn--ghost{background:transparent;color:var(--text-secondary)}.btn--ghost:hover{background:var(--surface-secondary);color:var(--text-primary)}.btn--icon{padding:var(--space-xs);inline-size:2.5rem;block-size:2.5rem}.btn--icon svg{inline-size:1.25rem;block-size:1.25rem;fill:currentColor}.theme-toggle{position:relative;inline-size:3rem;block-size:1.5rem;background:var(--neutral-300);border:none;border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--duration-normal) var(--ease-out)}.theme-toggle::before{content:'';position:absolute;top:2px;left:2px;inline-size:1.25rem;block-size:1.25rem;background:white;border-radius:var(--radius-full);transition:transform var(--duration-normal) var(--ease-out);box-shadow:var(--shadow-sm)}.theme-toggle[aria-pressed="true"]{background:var(--brand-primary)}.theme-toggle[aria-pressed="true"]::before{transform:translateX(1.5rem)}.mobile-menu-toggle{display:none;flex-direction:column;gap:4px;padding:var(--space-xs);background:none;border:none;cursor:pointer}.hamburger-line{inline-size:1.5rem;block-size:2px;background:var(--text-primary);border-radius:var(--radius-sm);transition:all var(--duration-normal) var(--ease-out);transform-origin:center}.mobile-menu-toggle[aria-expanded="true"] .hamburger-line:nth-child(1){transform:translateY(6px) rotate(45deg)}.mobile-menu-toggle[aria-expanded="true"] .hamburger-line:nth-child(2){opacity:0}.mobile-menu-toggle[aria-expanded="true"] .hamburger-line:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.mobile-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--surface-primary);border-top:1px solid var(--neutral-200);box-shadow:var(--shadow-lg);z-index:999}.mobile-nav.active{display:block;animation:slideDown var(--duration-normal) var(--ease-out)}.mobile-nav-list{padding:var(--space-md);list-style:none}.mobile-nav-item{border-bottom:1px solid var(--neutral-200)}.mobile-nav-item:last-child{border-bottom:none}.mobile-nav-link{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;color:var(--text-primary);text-decoration:none;font-weight:500;transition:color var(--duration-fast) var(--ease-out)}.mobile-nav-link:hover{color:var(--brand-primary)}.promo-banner{position:relative;background:linear-gradient( 135deg,var(--brand-primary),var(--brand-secondary) );color:white;text-align:center;padding:var(--space-sm);overflow:hidden}.promo-banner::before{content:'';position:absolute;inset:0;background:linear-gradient( 90deg,transparent,rgba(255,255,255,.1),transparent );transform:translateX(-100%);animation:shine 3s infinite}.promo-content{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);max-inline-size:var(--container-6xl);margin-inline:auto}.promo-text{font-weight:600;font-size:var(--font-size-sm)}.promo-close{position:absolute;top:var(--space-xs);right:var(--space-xs);background:rgba(255,255,255,.2);border:none;border-radius:var(--radius-full);padding:var(--space-2xs);color:white;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out)}.promo-close:hover{background:rgba(255,255,255,.3)}@container (max-width:768px){.main-nav{display:none}.mobile-menu-toggle{display:flex}.header-actions>.btn:not(.btn--icon){display:none}}@container (max-width:480px){.header-container{gap:var(--space-sm)}.promo-text{font-size:var(--font-size-xs)}.promo-content{flex-direction:column;gap:var(--space-xs)}}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes shine{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.btn:focus-visible,.nav-link:focus-visible,.theme-toggle:focus-visible,.mobile-menu-toggle:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}}

/* modern-base.css */
@layer reset,tokens,utilities,components,layouts,themes;@layer reset{*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{block-size:100%;color-scheme:light dark;scroll-behavior:smooth;scroll-padding-top:clamp(1rem,5vw,3rem);text-size-adjust:none;-webkit-text-size-adjust:none}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto',sans-serif;line-height:1.6;text-rendering:optimizeSpeed;min-block-size:100vh;min-block-size:100dvh}ul,ol{list-style:none}button{font:inherit;cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}img,picture,video,canvas,svg{display:block;max-inline-size:100%;block-size:auto}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}}@layer tokens{:root{color-scheme:light dark;--brand-primary:oklch(67% .15 264);--brand-secondary:oklch(72% .12 345);--brand-accent:oklch(76% .18 156);--neutral-50:oklch(98% .01 264);--neutral-100:oklch(96% .01 264);--neutral-200:oklch(92% .02 264);--neutral-300:oklch(87% .02 264);--neutral-400:oklch(74% .03 264);--neutral-500:oklch(62% .03 264);--neutral-600:oklch(51% .04 264);--neutral-700:oklch(42% .04 264);--neutral-800:oklch(31% .03 264);--neutral-900:oklch(22% .02 264);--neutral-950:oklch(15% .01 264);--success:oklch(72% .15 142);--warning:oklch(78% .15 85);--error:oklch(68% .15 15);--info:oklch(72% .12 220);--surface-primary:var(--neutral-50);--surface-secondary:var(--neutral-100);--surface-tertiary:var(--neutral-200);--text-primary:var(--neutral-900);--text-secondary:var(--neutral-600);--text-tertiary:var(--neutral-500);--font-size-xs:clamp(.75rem,.7rem+.25vw,.875rem);--font-size-sm:clamp(.875rem,.8rem+.375vw,1rem);--font-size-base:clamp(1rem,.9rem+.5vw,1.125rem);--font-size-lg:clamp(1.125rem,1rem+.625vw,1.375rem);--font-size-xl:clamp(1.25rem,1.1rem+.75vw,1.75rem);--font-size-2xl:clamp(1.5rem,1.3rem+1vw,2.25rem);--font-size-3xl:clamp(1.875rem,1.6rem+1.375vw,3rem);--font-size-4xl:clamp(2.25rem,1.9rem+1.75vw,4rem);--space-3xs:clamp(.25rem,.2rem+.25vw,.375rem);--space-2xs:clamp(.5rem,.4rem+.5vw,.75rem);--space-xs:clamp(.75rem,.6rem+.75vw,1rem);--space-sm:clamp(1rem,.8rem+1vw,1.5rem);--space-md:clamp(1.5rem,1.2rem+1.5vw,2.25rem);--space-lg:clamp(2rem,1.6rem+2vw,3rem);--space-xl:clamp(3rem,2.4rem+3vw,4.5rem);--space-2xl:clamp(4rem,3.2rem+4vw,6rem);--space-3xl:clamp(6rem,4.8rem+6vw,9rem);--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md:0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg:0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl:0 20px 25px -5px rgb(0 0 0 / .1),0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl:0 25px 50px -12px rgb(0 0 0 / .25);--duration-instant:50ms;--duration-fast:150ms;--duration-normal:300ms;--duration-slow:500ms;--duration-leisurely:700ms;--ease-linear:linear;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--ease-elastic:cubic-bezier(.68,-.6,.32,1.6);--ease-bounce:cubic-bezier(.68,-.6,.32,1.6);--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--container-full:100%}}@layer utilities{.container{container-type:inline-size;max-inline-size:min(100% - var(--space-md),var(--container-7xl));margin-inline:auto;padding-inline:var(--space-md)}.flow>*+*{margin-block-start:var(--flow-space,var(--space-md))}.cluster{display:flex;flex-wrap:wrap;gap:var(--gap,var(--space-sm));align-items:center}.stack{display:flex;flex-direction:column;gap:var(--gap,var(--space-md))}.grid-auto-fit{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--min-width,20rem),1fr));gap:var(--gap,var(--space-lg))}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-40px;left:6px;background:var(--brand-primary);color:white;padding:8px;text-decoration:none;border-radius:var(--radius-md);z-index:1000}.skip-link:focus{top:6px}.focus-ring:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px;border-radius:var(--radius-sm)}body.dark,.dark{--surface-primary:var(--neutral-900);--surface-secondary:var(--neutral-800);--surface-tertiary:var(--neutral-700);--text-primary:var(--neutral-100);--text-secondary:var(--neutral-400);--text-tertiary:var(--neutral-500);--shadow-sm:0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md:0 4px 6px -1px rgb(0 0 0 / .4),0 2px 4px -2px rgb(0 0 0 / .4);--shadow-lg:0 10px 15px -3px rgb(0 0 0 / .4),0 4px 6px -4px rgb(0 0 0 / .4);--shadow-xl:0 20px 25px -5px rgb(0 0 0 / .4),0 8px 10px -6px rgb(0 0 0 / .4);--shadow-2xl:0 25px 50px -12px rgb(0 0 0 / .6);background-color:var(--surface-primary);color:var(--text-primary)}[data-theme="dark"]{--surface-primary:var(--neutral-900);--surface-secondary:var(--neutral-800);--surface-tertiary:var(--neutral-700);--text-primary:var(--neutral-100);--text-secondary:var(--neutral-400);--text-tertiary:var(--neutral-500);--shadow-sm:0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md:0 4px 6px -1px rgb(0 0 0 / .4),0 2px 4px -2px rgb(0 0 0 / .4);--shadow-lg:0 10px 15px -3px rgb(0 0 0 / .4),0 4px 6px -4px rgb(0 0 0 / .4);--shadow-xl:0 20px 25px -5px rgb(0 0 0 / .4),0 8px 10px -6px rgb(0 0 0 / .4);--shadow-2xl:0 25px 50px -12px rgb(0 0 0 / .6);background-color:var(--surface-primary);color:var(--text-primary)}@media (prefers-color-scheme:dark){[data-theme="auto"]{--surface-primary:var(--neutral-900);--surface-secondary:var(--neutral-800);--surface-tertiary:var(--neutral-700);--text-primary:var(--neutral-100);--text-secondary:var(--neutral-400);--text-tertiary:var(--neutral-500);--shadow-sm:0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md:0 4px 6px -1px rgb(0 0 0 / .4),0 2px 4px -2px rgb(0 0 0 / .4);--shadow-lg:0 10px 15px -3px rgb(0 0 0 / .4),0 4px 6px -4px rgb(0 0 0 / .4);--shadow-xl:0 20px 25px -5px rgb(0 0 0 / .4),0 8px 10px -6px rgb(0 0 0 / .4);--shadow-2xl:0 25px 50px -12px rgb(0 0 0 / .6);background-color:var(--surface-primary);color:var(--text-primary)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.bg-primary{background-color:var(--surface-primary)}.bg-secondary{background-color:var(--surface-secondary)}.bg-tertiary{background-color:var(--surface-tertiary)}.loading{background:linear-gradient( 90deg,var(--neutral-200) 25%,var(--neutral-300) 50%,var(--neutral-200) 75% );background-size:200px 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200px 0}100%{background-position:calc(200px+100%) 0}}}