body{font-family:Arial,sans-serif;line-height:1.6;margin:0;padding:20px;background-color:#f4f4f4}h1,h2,h3,h4{color:#333}h1{text-align:center;color:#2c3e50}ul{list-style-type:disc;margin-left:20px}a{color:#007bff;text-decoration:none}a:hover{text-decoration:underline}figcaption.caption{text-align:center;font-style:italic;margin:10px 0;color:#555}.article-content p{line-height:1.7;font-size:.9rem;color:#333}.article-content h1,.article-content h2,.article-content h3{color:#667eea;font-weight:600}.article-content p{line-height:1.7;font-size:1.05rem;color:#333}.article-content ul{padding-left:1.2rem;list-style-type:disc}.article-content a{color:#0d6efd;text-decoration:underline}.article-content a:hover{color:#0056b3;text-decoration:none}img{max-width:100%;height:auto;display:block;margin:0 auto}.header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:1rem 0;box-shadow:0 2px 10px rgb(0 0 0 / .1)}.logo{display:flex;align-items:center;gap:10px;transition:transform 0.3s ease}.logo:hover{transform:scale(1.02)}.logo a{text-decoration:none;color:inherit;display:flex;align-items:center}.logo-img{width:160px;height:auto;object-fit:contain;transition:transform 0.3s ease}.logo-img:hover{transform:scale(1.05)}.logo-text{font-size:1.5rem;font-weight:700;color:#fff}.navbar-nav .nav-link{color:white!important;margin:0 10px;font-size:1.2rem;transition:all 0.3s ease}.navbar-nav .nav-link:hover{color:#ffd700!important;transform:scale(1.1)}.filter-nav{background:#f1f3f4;padding:1rem 0;border-bottom:1px solid #e9ecef}.filter-buttons{display:flex;gap:15px;flex-wrap:wrap;justify-content:center}.filter-btn{background:#fff;border:2px solid #e9ecef;border-radius:25px;padding:8px 20px;font-size:.9rem;font-weight:500;color:#666;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;gap:8px;position:relative}.filter-btn:hover{border-color:#007bff;color:#007bff;transform:translateY(-2px);box-shadow:0 4px 12px rgb(0 123 255 / .2)}.filter-btn.active{background:#dc3545;border-color:#dc3545;color:#fff;box-shadow:0 4px 12px rgb(220 53 69 / .3)}.filter-btn i{font-size:.8rem}.btn-count{background:rgb(255 255 255 / .2);border-radius:12px;padding:2px 8px;font-size:.75rem;margin-left:5px}.main-content{padding:2rem 0;min-height:70vh}.match-card{background:#fff;border-radius:15px;box-shadow:0 4px 20px rgb(0 0 0 / .08);overflow:hidden;transition:all 0.3s ease;position:relative}.match-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgb(0 0 0 / .15)}.match-card:active{transform:translateY(-2px);box-shadow:0 4px 15px rgb(0 0 0 / .2)}.match-card.live-match{border:2px solid #dc3545;box-shadow:0 4px 20px rgb(220 53 69 / .2)}.match-card.live-match:hover{box-shadow:0 8px 30px rgb(220 53 69 / .3);transform:translateY(-5px) scale(1.02)}.match-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:15px;display:flex;justify-content:space-between;align-items:center}.league-info{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:500}.league-icon{width:20px;height:20px;background:rgb(255 255 255 / .2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem}.match-status{background:#ffc107;color:#333;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600}.match-status.live{background:#dc3545;color:#fff}.match-time{font-size:.8rem;opacity:.9}.match-content{padding:20px;position:relative}.match-content::before{content:"ORC";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:4rem;font-weight:700;color:rgb(0 0 0 / .03);z-index:0}.teams-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;position:relative;z-index:1}.team{text-align:center;flex:1}.team-logo{width:50px;height:50px;border-radius:50%;background:#f8f9fa;display:flex;align-items:center;justify-content:center;margin:0 auto 8px;border:2px solid #e9ecef}.team-logo img{width:30px;height:30px;object-fit:contain}.team-name{font-size:.85rem;font-weight:600;color:#333;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.score-container{text-align:center;margin:0 20px;position:relative;z-index:1}.main-score{font-size:2rem;font-weight:700;color:#333;margin-bottom:5px}.main-score.vs{font-size:1.8rem;font-weight:900;color:#ff6b35;text-shadow:0 2px 8px rgb(255 107 53 / .4);letter-spacing:2px;text-transform:uppercase}.score-details{display:flex;gap:10px;justify-content:center;font-size:.7rem;color:#666}.score-detail{background:#f8f9fa;padding:2px 6px;border-radius:8px}.match-odds{border-top:1px solid #e9ecef;margin-top:15px;overflow-x:auto;white-space:nowrap;padding:10px 0}.odds-container{display:flex;gap:8px;padding:10px 0 0 0;justify-content:center}.odds-btn{background:#f8f9fa;border:1px solid #e9ecef;border-radius:15px;padding:6px 12px;font-size:.75rem;color:#666;white-space:nowrap;transition:all 0.3s ease}.odds-btn:hover{background:#007bff;color:#fff;border-color:#007bff}.caster-btn{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important;color:white!important;border-color:#667eea!important;position:relative;padding:8px 15px!important;display:flex;align-items:center;gap:8px;font-weight:600;box-shadow:0 2px 8px rgb(102 126 234 / .3)}.caster-btn:hover{background:linear-gradient(135deg,#5a6fd8 0%,#6a4190 100%)!important;transform:translateY(-1px);box-shadow:0 4px 12px rgb(102 126 234 / .4)}.caster-avatar{width:20px;height:20px;border-radius:50%;object-fit:cover;border:2px solid rgb(255 255 255 / .3)}.caster-name{font-size:.8rem;font-weight:600;white-space:nowrap}#load-more-btn{background:#dc3545;border:none;border-radius:25px;padding:12px 30px;font-weight:600;transition:all 0.3s ease}#load-more-btn:hover{background:#c82333;transform:translateY(-2px);box-shadow:0 4px 12px rgb(220 53 69 / .3)}.footer{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:2rem 0 1rem;margin-top:3rem}.footer-logo{display:flex;align-items:center;gap:10px;margin-bottom:1rem;transition:transform 0.3s ease}.footer-logo:hover{transform:scale(1.02)}.footer-logo a{text-decoration:none;color:inherit;display:flex;align-items:center}.footer-logo-img{width:160px;height:auto;object-fit:contain;transition:transform 0.3s ease}.footer-logo-img:hover{transform:scale(1.05)}.footer-logo-text{font-size:1.3rem;font-weight:700}.social-links{display:flex;gap:15px;margin-top:1rem}.social-link{color:#fff;font-size:1.2rem;transition:all 0.3s ease;width:40px;height:40px;background:rgb(255 255 255 / .1);border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none}.social-link:hover{color:gold;background:rgb(255 255 255 / .2);transform:scale(1.1)}.footer-description{color:#f3f3f3;font-weight:700;line-height:1.6;font-size:18px}.footer-address{color:#f3f3f3;line-height:1.6;font-size:14px}.footer-divider{border-color:#34495e;margin:2rem 0 1rem}.footer-nav{text-align:center;margin-bottom:1rem}.footer-nav-link{color:#bdc3c7;text-decoration:none;font-size:.9rem;transition:color 0.3s ease}.footer-nav-link:hover{color:gold}.footer-nav-separator{color:#34495e;margin:0 10px}.footer-copyright{text-align:center;color:#95a5a6;font-size:.85rem}.content-card{background:#fff;border-radius:15px;box-shadow:0 10px 30px rgb(0 0 0 / .1);padding:40px;margin:30px 0}.page-title{color:#1e3c72;font-size:2.5rem;font-weight:700;margin-bottom:20px;text-align:center}.content-body{line-height:1.8;color:#fff}.content-body h2{color:#1e3c72;font-size:1.5rem;font-weight:600;margin:30px 0 15px 0;border-bottom:2px solid #e9ecef;padding-bottom:10px}.content-body h3{color:#2a5298;font-size:1.2rem;font-weight:600;margin:25px 0 10px 0}.content-body p{margin-bottom:15px;text-align:justify}.content-body ul{margin-bottom:20px;padding-left:20px}.content-body li{margin-bottom:8px}.last-updated{color:#666;font-style:italic;text-align:center;margin-bottom:30px;font-size:.9rem}.alert{border-radius:10px;border:none;padding:20px;margin-top:30px}.alert-warning{background:linear-gradient(135deg,#fff3cd 0%,#ffeaa7 100%);color:#856404;border-left:4px solid #ffc107}.alert-info{background:linear-gradient(135deg,#d1ecf1 0%,#bee5eb 100%);color:#0c5460;border-left:4px solid #17a2b8}.embed-container{position:relative;width:100%;height:800px;overflow:hidden;border-radius:10px;box-shadow:0 8px 32px rgb(0 0 0 / .3);background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);border:1px solid rgb(255 255 255 / .1)}.embed-container iframe{border:none;border-radius:10px;transition:all 0.3s ease;background:#0f0f23;filter:brightness(1.1) contrast(1.05)}.embed-container iframe:hover{transform:scale(1.01);box-shadow:0 12px 40px rgb(0 0 0 / .4)}.content-card{background:linear-gradient(135deg,#728af1 0%,#778dec 100%);border-radius:15px;padding:30px;box-shadow:0 8px 32px rgb(0 0 0 / .3);border:1px solid rgb(255 255 255 / .1);margin-bottom:30px;transition:all 0.3s ease}.content-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px rgb(0 0 0 / .4);border-color:rgb(255 215 0 / .3)}.page-title{color:gold;font-size:2.5rem;font-weight:700;margin-bottom:30px;text-align:center;text-shadow:0 2px 10px rgb(255 215 0 / .3)}.content-body{border-radius:10px;padding:20px;border:1px solid rgb(255 255 255 / .05)}.embed-container.loading::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:3px solid rgb(255 215 0 / .3);border-top:3px solid gold;border-radius:50%;z-index:10}.embed-container.loaded::before{display:none}.nav-menu{display:flex;gap:20px;align-items:center}.nav-link{display:flex;align-items:center;gap:4px;color:#fff;text-decoration:none;font-weight:500;padding:3px 6px;border-radius:20px;transition:all 0.3s ease;font-size:.9rem;position:relative;overflow:hidden;cursor:pointer}.nav-link::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 215 0 / .1),transparent);transition:left 0.5s ease}.nav-link:hover::before{left:100%}.nav-link:hover{background:rgb(255 255 255 / .1);color:gold;transform:translateY(-2px);box-shadow:0 4px 15px rgb(255 215 0 / .2)}.nav-link.active{background:linear-gradient(135deg,rgb(255 215 0 / .2) 0%,rgb(255 215 0 / .1) 100%);color:gold;box-shadow:0 2px 10px rgb(255 215 0 / .3);border:1px solid rgb(255 215 0 / .3)}.nav-link i{font-size:1rem;transition:transform 0.3s ease}.nav-link:hover i{transform:scale(1.1)}.nav-link span{font-weight:600;letter-spacing:.5px}.mobile-nav-container{position:relative;float:right}.hamburger-menu{display:none;flex-direction:column;justify-content:space-around;width:30px;height:25px;background:#fff0;border:none;cursor:pointer;padding:0;z-index:1000;position:relative}.hamburger-line{width:100%;height:3px;background:gold;border-radius:2px;transition:all 0.3s ease;transform-origin:center}.hamburger-menu.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.hamburger-menu.active .hamburger-line:nth-child(2){opacity:0}.hamburger-menu.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-nav-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .9);backdrop-filter:blur(10px);z-index:999;opacity:0;visibility:hidden;transition:all 0.3s ease}.mobile-nav-overlay.active{opacity:1;visibility:visible}.mobile-nav-menu{position:absolute;top:0;right:0;width:280px;height:100%;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);box-shadow:-5px 0 30px rgb(0 0 0 / .5);transform:translateX(100%);transition:transform 0.3s ease;overflow-y:auto}.mobile-nav-overlay.active .mobile-nav-menu{transform:translateX(0)}.mobile-nav-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgb(255 255 255 / .1);background:rgb(255 215 0 / .1)}.mobile-nav-header h3{color:gold;margin:0;font-size:1.5rem;font-weight:700}.close-nav{background:#fff0;border:none;color:gold;font-size:1.5rem;cursor:pointer;padding:5px;border-radius:50%;transition:all 0.3s ease}.close-nav:hover{background:rgb(255 215 0 / .2);transform:scale(1.1)}.mobile-nav-links{padding:20px 0}.mobile-nav-link{display:flex;align-items:center;gap:15px;padding:18px 25px;color:#fff;text-decoration:none;font-weight:500;font-size:1.1rem;transition:all 0.3s ease;border-left:3px solid #fff0;position:relative;overflow:hidden}.mobile-nav-link::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 215 0 / .1),transparent);transition:left 0.5s ease}.mobile-nav-link:hover::before{left:100%}.mobile-nav-link:hover{background:rgb(255 215 0 / .1);color:gold;border-left-color:gold;transform:translateX(10px)}.mobile-nav-link.active{background:linear-gradient(135deg,rgb(255 215 0 / .2) 0%,rgb(255 215 0 / .1) 100%);color:gold;border-left-color:gold}.mobile-nav-link i{font-size:1.3rem;width:25px;text-align:center}.mobile-nav-link span{font-weight:600;letter-spacing:.5px}@media (max-width:991px) and (min-width:769px){.hamburger-menu{display:flex}.desktop-nav{display:none}.header .container{padding:0 20px}.logo-img{width:140px;height:auto}.header{padding:15px 0}}@media (max-width:768px){.filter-buttons{gap:10px}.filter-btn{padding:6px 15px;font-size:.8rem}.match-card{margin-bottom:1rem;padding:15px;border-radius:12px}.match-header{padding:10px;border-radius:8px}.league-info{flex-direction:column;gap:8px;align-items:flex-start}.league-name{font-size:.8rem}.match-status{font-size:.7rem;padding:3px 8px}.match-content{padding:15px}.teams-container{flex-direction:row;gap:15px;margin-bottom:20px;align-items:center;justify-content:space-between}.team{text-align:center;flex:1;max-width:120px}.team-logo{width:50px;height:50px;margin-bottom:8px}.team-logo img{width:35px;height:35px}.team-name{font-size:.85rem;font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.score-container{margin:0;padding:10px 15px;border-radius:10px;background:rgb(255 255 255 / .05);border:1px solid rgb(255 255 255 / .1);flex:1;max-width:120px;text-align:center}.main-score{font-size:1.8rem;font-weight:800;color:gold;text-shadow:0 2px 10px rgb(255 215 0 / .3);margin-bottom:5px}.main-score.vs{font-size:1.5rem;font-weight:900;color:#ff6b35;text-shadow:0 2px 8px rgb(255 107 53 / .4);letter-spacing:2px;text-transform:uppercase}.score-details{display:none}.match-odds{padding:15px;border-radius:10px;background:rgb(0 0 0 / .2);border:1px solid rgb(255 255 255 / .1)}.odds-container{gap:10px;padding:10px}.caster-btn{padding:12px 16px;font-size:.85rem;border-radius:8px}.caster-avatar{width:25px;height:25px;margin-right:8px}.caster-name{font-size:.8rem}.match-card{position:relative;overflow:hidden}.match-card::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgb(255 215 0 / .05) 0%,transparent 50%,rgb(255 215 0 / .05) 100%);opacity:0;transition:opacity 0.3s ease;pointer-events:none}.match-card:hover::after{opacity:1}.match-card.live-match{border:2px solid #dc3545;box-shadow:0 0 20px rgb(220 53 69 / .3)}.match-card.live-match::before{content:'LIVE';position:absolute;top:10px;right:10px;background:#dc3545;color:#fff;padding:2px 6px;border-radius:4px;font-size:.6rem;font-weight:700;z-index:10}.match-card:active{transform:scale(.98);transition:transform 0.1s ease}.team-logo{transition:transform 0.3s ease}.match-card:hover .team-logo{transform:scale(1.1)}.main-score{transition:all 0.3s ease}.match-card:hover .main-score{text-shadow:0 4px 15px rgb(255 215 0 / .5)}.hamburger-menu{display:flex}.desktop-nav{display:none}.header{padding:10px 0}.header .container{padding:0 15px}.header .row{flex-direction:row;justify-content:space-between;align-items:center;gap:0}.logo{text-align:left}.logo-img{width:120px;height:auto}.nav-link{flex:1;min-width:80px;justify-content:center;padding:12px 8px;font-size:.75rem;border-radius:12px;background:rgb(255 255 255 / .05);border:1px solid rgb(255 255 255 / .1)}.nav-link:hover{background:rgb(255 215 0 / .15);transform:translateY(-1px)}.nav-link.active{background:linear-gradient(135deg,rgb(255 215 0 / .25) 0%,rgb(255 215 0 / .15) 100%);border-color:rgb(255 215 0 / .4);position:relative;overflow:hidden}.nav-link.active::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:rgb(255 215 0 / .3);border-radius:50%;transform:translate(-50%,-50%)}.nav-link i{font-size:1rem;margin-bottom:2px}.nav-link span{font-size:.7rem;font-weight:500}.embed-container{height:600px;margin:0 -15px}.content-card{padding:20px;margin:0 -15px 20px -15px}.page-title{font-size:2rem;margin-bottom:20px}.footer-nav{display:flex;flex-direction:column;gap:10px}.footer-nav-separator{display:none}}@media (max-width:480px){.mobile-nav-menu{width:100%}.mobile-nav-header h3{font-size:1.3rem}.mobile-nav-link{padding:15px 20px;font-size:1rem}.mobile-nav-link i{font-size:1.2rem;width:20px}.logo-img{width:100px}.page-title{font-size:1.5rem}.embed-container{height:500px}.content-card{padding:15px}.hamburger-menu{width:25px;height:20px}.hamburger-line{height:2px}.match-card{padding:12px;border-radius:10px;margin-bottom:15px}.match-header{padding:8px;border-radius:6px}.league-name{font-size:.75rem}.match-status{font-size:.65rem;padding:2px 6px}.match-content{padding:12px}.teams-container{gap:10px;margin-bottom:15px}.team{max-width:100px}.team-logo{width:45px;height:45px;margin-bottom:6px}.team-logo img{width:30px;height:30px}.team-name{font-size:.8rem;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.score-container{margin:0;padding:8px 12px;border-radius:8px;max-width:100px}.main-score{font-size:1.6rem;margin-bottom:3px}.main-score.vs{font-size:1.3rem;font-weight:900;color:#ff6b35;text-shadow:0 2px 6px rgb(255 107 53 / .4);letter-spacing:1.5px;text-transform:uppercase}.score-details{display:none}.match-odds{padding:12px;border-radius:8px}.odds-container{gap:8px;padding:8px}.caster-btn{padding:10px 14px;font-size:.8rem;border-radius:6px}.caster-avatar{width:22px;height:22px;margin-right:6px}.caster-name{font-size:.75rem}.filter-buttons{gap:10px}.filter-btn{padding:6px 15px;font-size:.8rem}}@media (max-width:576px){.header{padding:.5rem 0}.logo-text{font-size:1.2rem}.main-content{padding:1rem 0}.match-header{padding:10px}.match-content{padding:15px}}.odds-container::-webkit-scrollbar{height:4px}.odds-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.odds-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.odds-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}