#footer-dark-compact-thirty-nine{padding:30px 0 22px;background:#020617;color:#e2e8f0}#footer-dark-compact-thirty-nine a{color:inherit;text-decoration:none}#footer-dark-compact-thirty-nine .dp-footer__row{display:flex;align-items:center;justify-content:space-between;gap:22px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.12)}#footer-dark-compact-thirty-nine .dp-footer__brand{display:inline-flex;align-items:center;gap:12px;white-space:nowrap}#footer-dark-compact-thirty-nine .dp-footer__brand img{height:40px;width:auto;max-width:none;object-fit:contain;border-radius:13px}#footer-dark-compact-thirty-nine nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px}#footer-dark-compact-thirty-nine nav a{font-size:14px;font-weight:850;color:#cbd5e1}#footer-dark-compact-thirty-nine nav a:hover{color:#38bdf8}#footer-dark-compact-thirty-nine .dp-footer__meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;color:#94a3b8;font-size:13px;line-height:1.6}#footer-dark-compact-thirty-nine .dp-footer__meta a:hover{color:#38bdf8}#footer-dark-compact-thirty-nine .dp-footer__copy{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:16px;color:#64748b;font-size:13px}@media(max-width:767.98px){#footer-dark-compact-thirty-nine{padding:26px 0 20px}#footer-dark-compact-thirty-nine .container{padding-left:18px;padding-right:18px}#footer-dark-compact-thirty-nine .dp-footer__row{display:grid;gap:16px}#footer-dark-compact-thirty-nine nav{justify-content:flex-start;gap:9px 10px}#footer-dark-compact-thirty-nine nav a{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border-radius:10px;background:rgba(255,255,255,.08);font-size:13px;line-height:1;white-space:nowrap}#footer-dark-compact-thirty-nine .dp-footer__meta,#footer-dark-compact-thirty-nine .dp-footer__copy{gap:8px 10px}}#header-side-dock-three{position:relative;z-index:20;background:#f8fafc;border-bottom:1px solid rgba(15,23,42,.08);box-shadow:0 10px 28px rgba(15,23,42,.08)}#header-side-dock-three .dp-header__rail{height:7px;background:linear-gradient(90deg,#1d4ed8,#14b8a6,#f59e0b)}#header-side-dock-three .dp-header__rail-inner{display:flex;justify-content:flex-end;gap:8px;height:7px}#header-side-dock-three .dp-header__rail-inner span{display:block;width:34px;height:7px;background:rgba(255,255,255,.38)}#header-side-dock-three .dp-header__nav{position:relative;z-index:21;min-height:74px;padding:0;background:#fff}#header-side-dock-three .dp-header__inner{display:flex;align-items:center;gap:22px;min-height:74px}#header-side-dock-three .dp-header__brand{display:inline-flex;align-items:center;gap:10px;min-width:210px;color:#0f172a;text-decoration:none}#header-side-dock-three .dp-header__brand:hover{text-decoration:none}#header-side-dock-three .dp-header__logo{height:42px;width:auto;max-width:none;object-fit:contain;border-radius:10px}#header-side-dock-three .dp-header__brand strong{display:block;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:20px;font-weight:900;line-height:1;color:#0f172a;letter-spacing:0}#header-side-dock-three .dp-header__desktop{align-items:center;min-width:0}#header-side-dock-three .dp-header__menu{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 auto;min-width:0}#header-side-dock-three .dp-header__item{display:flex;align-items:center}#header-side-dock-three .dp-header__link{display:flex;align-items:center;min-height:42px;padding:9px 14px;border:1px solid rgba(15,23,42,.08);border-radius:14px;background:#f8fafc;color:#334155;font-size:15px;font-weight:800;line-height:1.2;white-space:nowrap;transition:background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease}#header-side-dock-three .dp-header__link:hover{background:#eef6ff;border-color:rgba(29,78,216,.18);color:#1d4ed8;text-decoration:none;box-shadow:0 10px 18px rgba(29,78,216,.08)}#header-side-dock-three .dp-header__link.active{background:#1d4ed8;border-color:#1d4ed8;color:#fff;box-shadow:0 12px 22px rgba(29,78,216,.18)}#header-side-dock-three .dp-header__actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-left:18px}#header-side-dock-three .dp-header__login{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 17px;border-radius:14px;background:#0f172a;color:#fff;font-size:14px;font-weight:900;line-height:1;text-decoration:none;box-shadow:0 12px 24px rgba(15,23,42,.17);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}#header-side-dock-three .dp-header__login:hover{background:#1d4ed8;color:#fff;text-decoration:none;transform:translateY(-1px);box-shadow:0 16px 28px rgba(29,78,216,.2)}#header-side-dock-three .dp-header__actions .dp-header__login:nth-child(2){background:#14b8a6;box-shadow:0 12px 24px rgba(20,184,166,.16)}#header-side-dock-three .dp-header__actions .dp-header__login:nth-child(2):hover{background:#0d9488;box-shadow:0 16px 28px rgba(13,148,136,.22)}#header-side-dock-three .dp-header__login i{font-size:13px}#header-side-dock-three .dp-header__mobile-actions{display:none;align-items:center;gap:10px;margin-left:auto}#header-side-dock-three .dp-header__login--mobile{display:none;min-height:38px;padding:9px 12px;font-size:13px;box-shadow:none}#header-side-dock-three .dp-header__toggle{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:42px;height:42px;padding:0;border:1px solid rgba(15,23,42,.12);border-radius:12px;background:#f8fafc}#header-side-dock-three .dp-header__toggle:focus{box-shadow:0 0 0 3px rgba(29,78,216,.16)}#header-side-dock-three .dp-header__toggle span{display:block;width:19px;height:2px;border-radius:999px;background:#0f172a}#header-side-dock-three .dp-header__panel{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;z-index:2147483002!important;width:min(340px,88vw);height:100vh!important;background:#ffffff;border-left:1px solid rgba(15,23,42,.1);box-shadow:-28px 0 58px rgba(15,23,42,.22)}#header-side-dock-three .dp-header__panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 18px 14px;border-bottom:1px solid rgba(15,23,42,.08)}#header-side-dock-three .dp-header__panel-head span{display:block;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:20px;font-weight:900;color:#0f172a}#header-side-dock-three .dp-header__close{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid rgba(15,23,42,.1);border-radius:12px;background:#f8fafc;color:#0f172a}#header-side-dock-three .dp-header__close:focus{outline:0;box-shadow:0 0 0 3px rgba(29,78,216,.16)}#header-side-dock-three .dp-header__panel-body{height:calc(100vh - 73px);overflow:auto;padding:16px 18px 20px}#header-side-dock-three .dp-header__menu--mobile{align-items:stretch;gap:8px;margin:0}#header-side-dock-three .dp-header__menu--mobile .dp-header__item{display:block}#header-side-dock-three .dp-header__menu--mobile .dp-header__link{justify-content:space-between;width:100%;min-height:46px;padding:13px 14px;border-radius:14px;font-size:15px}#header-side-dock-three .dp-header__actions--mobile{display:grid;grid-template-columns:1fr;gap:8px;margin:14px 0 0}#header-side-dock-three .dp-header__actions--mobile .dp-header__login{width:100%;min-height:44px;box-shadow:none}.offcanvas-backdrop.show{z-index:2147482999!important}@media (min-width:992px){#header-side-dock-three .dp-header__panel{display:none!important}}@media (max-width:1199.98px){#header-side-dock-three .dp-header__brand{min-width:180px}#header-side-dock-three .dp-header__brand strong{max-width:110px;font-size:18px}#header-side-dock-three .dp-header__link{padding:9px 10px;font-size:14px}#header-side-dock-three .dp-header__login{padding:10px 13px}}@media (max-width:991.98px){#header-side-dock-three .dp-header__rail{height:5px}#header-side-dock-three .dp-header__rail-inner{display:none}#header-side-dock-three .dp-header__nav{min-height:66px}#header-side-dock-three .dp-header__inner{min-height:66px;gap:12px}#header-side-dock-three .dp-header__brand{min-width:0;max-width:50vw}#header-side-dock-three .dp-header__logo{height:38px}#header-side-dock-three .dp-header__brand strong{max-width:34vw;font-size:17px}#header-side-dock-three .dp-header__desktop{display:none!important}#header-side-dock-three .dp-header__mobile-actions{display:flex}#header-side-dock-three .dp-header__mobile-actions .dp-header__login--mobile:nth-of-type(n+2){display:none}#header-side-dock-three .dp-header__login--mobile{display:inline-flex}}@media (max-width:575.98px){#header-side-dock-three .container{padding-left:12px;padding-right:12px}#header-side-dock-three .dp-header__logo{height:34px}#header-side-dock-three .dp-header__brand strong{max-width:32vw;font-size:16px}#header-side-dock-three .dp-header__login--mobile{max-width:112px;padding:8px 10px}#header-side-dock-three .dp-header__login--mobile span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#header-side-dock-three .dp-header__toggle{width:40px;height:40px}}@media (max-width:390px){#header-side-dock-three .dp-header__brand strong{display:none}#header-side-dock-three .dp-header__login--mobile span{display:none}#header-side-dock-three .dp-header__login--mobile{width:40px;padding:0}}:root{--color-primary:#0056b3;--color-primary-dark:#003d82;--color-bg-light:#f4f7f9;--color-bg-white:#ffffff;--color-text-main:#333333;--color-text-mut:#666666;--color-border:#e0e5ea;--color-status-live:#e74c3c;--color-status-wait:#f39c12;--color-status-end:#7f8c8d;--radius:8px;--shadow:0 4px 12px rgba(0,0,0,0.05)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background-color:var(--color-bg-light);color:var(--color-text-main);line-height:1.6}.section-inner{max-width:1200px;margin:0 auto;padding:0 20px}img{max-width:100%;height:auto;display:block;border-radius:var(--radius)}a{text-decoration:none;color:inherit;transition:color 0.3s}button{cursor:pointer;border:none;font-family:inherit}.module-sec{padding:60px 0}.module-title{font-size:28px;font-weight:700;margin-bottom:16px;color:var(--color-primary-dark)}.module-desc{font-size:16px;color:var(--color-text-mut);margin-bottom:40px}.hero-brand{background:linear-gradient(135deg,#1a2a6c,#b21f1f,#fdbb2d);color:#fff;padding:100px 0 80px;position:relative;overflow:hidden}.hero-brand::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:1}.hero-content{position:relative;z-index:2;text-align:center;max-width:800px;margin:0 auto}.hero-content h1{font-size:42px;font-weight:800;margin-bottom:24px;line-height:1.3}.hero-content p{font-size:18px;opacity:0.9;margin-bottom:30px}.hero-btn{display:inline-block;padding:12px 32px;background-color:var(--color-primary);color:#fff;border-radius:4px;font-weight:bold;margin-top:10px}.live-board{background-color:var(--color-bg-white)}.match-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.match-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);transition:transform 0.2s}.match-card:hover{transform:translateY(-3px)}.match-meta{display:flex;justify-content:space-between;font-size:13px;color:var(--color-text-mut);margin-bottom:15px;padding-bottom:10px;border-bottom:1px dashed var(--color-border)}.match-sport{background:var(--color-bg-light);padding:2px 8px;border-radius:4px;color:var(--color-primary);font-weight:600}.match-status{font-weight:bold}.match-status.live{color:var(--color-status-live)}.match-teams{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.team{display:flex;flex-direction:column;align-items:center;width:40%;text-align:center}.team-logo{width:48px;height:48px;background:#f0f0f0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:bold;color:#999;margin-bottom:8px;overflow:hidden}.team-logo img{width:100%;height:100%;object-fit:contain}.team-name{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.match-score-board{font-size:24px;font-weight:800;color:var(--color-primary-dark);width:20%;text-align:center}.match-action{text-align:center}.btn-view{background:var(--color-bg-light);color:var(--color-text-main);padding:8px 16px;border-radius:4px;font-size:14px;width:100%}.hot-leagues{background-color:var(--color-bg-light)}.league-wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.league-item{position:relative;overflow:hidden;border-radius:var(--radius);aspect-ratio:4/3}.league-item img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s}.league-item:hover img{transform:scale(1.05)}.league-name{position:absolute;bottom:0;left:0;right:0;padding:20px 15px 15px;background:linear-gradient(transparent,rgba(0,0,0,0.8));color:#fff;font-weight:bold;font-size:18px}.app-entry{background-color:var(--color-bg-white)}.app-flex{display:flex;align-items:center;gap:60px}.app-pic{flex:1;text-align:center}.app-pic img{max-width:80%;margin:0 auto;box-shadow:var(--shadow)}.app-text{flex:1}.app-text h2{font-size:32px;margin-bottom:20px;color:var(--color-primary-dark)}.app-text p{margin-bottom:30px;font-size:16px;color:var(--color-text-mut)}.app-links{display:flex;gap:20px}.app-btn{display:inline-block;padding:14px 28px;background:var(--color-primary);color:#fff;border-radius:var(--radius);font-size:16px;font-weight:600;text-align:center;min-width:160px}.app-btn.outline{background:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.about-section{background-color:#eef2f5}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.about-content h2{margin-bottom:20px;font-size:28px;color:var(--color-primary-dark)}.about-content p{margin-bottom:20px;text-align:justify}.about-link{color:var(--color-primary);font-weight:bold;text-decoration:underline}.watch-guide{background-color:var(--color-bg-white)}.guide-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.step-card{text-align:center;padding:30px 20px;background:var(--color-bg-light);border-radius:var(--radius)}.step-num{width:40px;height:40px;line-height:40px;background:var(--color-primary);color:#fff;border-radius:50%;font-size:20px;font-weight:bold;margin:0 auto 20px}.step-card h3{margin-bottom:10px;font-size:18px}.step-card p{font-size:14px;color:var(--color-text-mut)}.article-flow{background-color:var(--color-bg-light)}.article-list{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.article-item{display:flex;background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.article-img{width:40%;flex-shrink:0}.article-img img{width:100%;height:100%;object-fit:cover;border-radius:0}.article-info{padding:20px;display:flex;flex-direction:column;justify-content:space-between}.article-info h3{font-size:18px;margin-bottom:10px;line-height:1.4;color:var(--color-text-main)}.article-info p{font-size:14px;color:var(--color-text-mut);margin-bottom:15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-date{font-size:12px;color:#999}.help-list{background-color:var(--color-bg-white)}.faq-container{max-width:800px;margin:0 auto}.faq-item{border-bottom:1px solid var(--color-border);padding:20px 0}.faq-item:last-child{border-bottom:none}.faq-q{font-size:18px;font-weight:600;margin-bottom:10px;display:flex;align-items:center}.faq-q::before{content:'Q';margin-right:10px;color:var(--color-primary);font-size:22px}.faq-a{font-size:15px;color:var(--color-text-mut);padding-left:30px}.service-note{background-color:#2c3e50;color:#bdc3c7;padding:40px 0;text-align:center}.service-note h3{color:#ecf0f1;margin-bottom:15px;font-size:20px}.service-note p{max-width:900px;margin:0 auto 10px;font-size:14px}@media (max-width:992px){.app-flex,.about-grid{flex-direction:column;gap:40px}.article-list{grid-template-columns:1fr}.league-wrap{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hero-content h1{font-size:32px}.match-grid{grid-template-columns:1fr}.guide-steps{grid-template-columns:1fr}.article-item{flex-direction:column}.article-img{width:100%;height:200px}.app-links{flex-direction:column}.app-btn{width:100%}}