:root{--soccer-blue:#0A1931;--soccer-navy:#15305B;--soccer-gold:#FFC069;--soccer-cyan:#00F2FE;--soccer-accent:#FF4D4F;--light-bg:#F4F7FC;--card-shadow:0 8px 24px rgba(21,48,91,0.08);--border-color:#E2E8F0;--text-dark:#1E293B;--text-muted:#64748B}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background-color:var(--light-bg);color:var(--text-dark);overflow-x:hidden}.navbar-custom{background-color:var(--soccer-blue);border-bottom:3px solid var(--soccer-gold);padding:12px 0}.navbar-custom .navbar-brand{font-weight:800;color:#FFFFFF !important;display:flex;align-items:center;gap:10px}.navbar-custom .navbar-brand img{max-height:40px}.navbar-custom .nav-link{color:rgba(255,255,255,0.85) !important;font-weight:500;padding:8px 16px !important;transition:all 0.3s}.navbar-custom .nav-link:hover,.navbar-custom .nav-link.active{color:var(--soccer-gold) !important;transform:translateY(-2px)}.hero-section{background:linear-gradient(135deg,var(--soccer-blue) 0%,var(--soccer-navy) 100%);color:#FFFFFF;padding:80px 0 100px;position:relative;overflow:hidden}.hero-section::after{content:'';position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to top,var(--light-bg),transparent)}.hero-badge{background:rgba(255,192,105,0.15);border:1px solid var(--soccer-gold);color:var(--soccer-gold);padding:6px 16px;border-radius:50px;font-size:0.9rem;display:inline-block;margin-bottom:20px;font-weight:600}.hero-title{font-size:3rem;font-weight:800;line-height:1.2;margin-bottom:20px;background:linear-gradient(to right,#FFFFFF,#E2E8F0);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-title span{color:var(--soccer-gold);-webkit-text-fill-color:initial}.hero-desc{font-size:1.15rem;color:rgba(255,255,255,0.8);line-height:1.6;margin-bottom:30px}.hero-img-wrapper{position:relative;z-index:2}.hero-img-wrapper img{border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,0.3);border:4px solid rgba(255,255,255,0.1)}.live-ticker{background:#FFFFFF;box-shadow:var(--card-shadow);margin-top:-40px;border-radius:12px;position:relative;z-index:10;overflow:hidden;border:1px solid var(--border-color)}.ticker-header{background:var(--soccer-accent);color:#FFFFFF;font-weight:700;display:flex;align-items:center;justify-content:center;padding:15px}.ticker-swiper{padding:10px 20px}.ticker-item{display:flex;align-items:center;justify-content:space-between;border-right:1px solid var(--border-color);padding:5px 20px}.ticker-item:last-child{border-right:none}.section-title{font-size:2rem;font-weight:800;color:var(--soccer-blue);position:relative;margin-bottom:12px}.section-title::after{content:'';display:block;width:60px;height:4px;background-color:var(--soccer-gold);margin-top:10px;border-radius:2px}.section-subtitle{color:var(--text-muted);margin-bottom:40px;font-size:1.05rem}.sport-card{background:#FFFFFF;border-radius:12px;border:1px solid var(--border-color);box-shadow:var(--card-shadow);transition:transform 0.3s,box-shadow 0.3s;overflow:hidden}.sport-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px rgba(21,48,91,0.12)}.match-card{border-left:4px solid var(--soccer-navy)}.match-card.live{border-left-color:var(--soccer-accent)}.match-badge{font-size:0.75rem;padding:4px 8px;border-radius:4px;font-weight:600}.group-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.group-box{background:#FFFFFF;border-radius:12px;border:1px solid var(--border-color);overflow:hidden;box-shadow:var(--card-shadow)}.group-header{background:var(--soccer-navy);color:#FFFFFF;padding:12px 15px;font-weight:700;font-size:1.1rem;display:flex;justify-content:space-between;align-items:center}.group-table{width:100%;margin-bottom:0}.group-table th{font-size:0.8rem;color:var(--text-muted);background:#F8FAFC;padding:8px 12px}.group-table td{font-size:0.9rem;padding:8px 12px;vertical-align:middle}.stadium-overlay-card{position:relative;border-radius:12px;overflow:hidden;height:300px}.stadium-overlay-card img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s}.stadium-overlay-card:hover img{transform:scale(1.08)}.stadium-info-mask{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(10,25,49,0.95) 0%,rgba(10,25,49,0.4) 70%,transparent 100%);padding:20px;color:#FFFFFF}.data-list-item{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;border-bottom:1px solid var(--border-color)}.data-list-item:last-child{border-bottom:none}.rank-num{width:24px;height:24px;background:var(--light-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:0.85rem}.rank-num.top-1{background:var(--soccer-gold);color:var(--soccer-blue)}.rank-num.top-2{background:#E2E8F0;color:var(--soccer-blue)}.rank-num.top-3{background:#FFD8A8;color:var(--soccer-blue)}.faq-accordion .accordion-item{border-radius:8px !important;margin-bottom:12px;border:1px solid var(--border-color);box-shadow:0 2px 6px rgba(0,0,0,0.02);overflow:hidden}.faq-accordion .accordion-button{font-weight:600;color:var(--soccer-blue);background-color:#FFFFFF}.faq-accordion .accordion-button:not(.collapsed){background-color:#F1F5F9;color:var(--soccer-navy);box-shadow:none}.footer-section{background-color:var(--soccer-blue);color:rgba(255,255,255,0.8);border-top:5px solid var(--soccer-gold);padding:70px 0 30px}.footer-title{color:#FFFFFF;font-weight:700;margin-bottom:25px;font-size:1.15rem;position:relative}.footer-links li{margin-bottom:12px}.footer-links a{color:rgba(255,255,255,0.7);text-decoration:none;transition:color 0.3s}.footer-links a:hover{color:var(--soccer-gold)}@media (max-width:991.98px){.hero-title{font-size:2.2rem}.hero-section{padding:60px 0 80px}.stadium-overlay-card{height:240px}}