:root{--primary-rgb:10,37,64;--accent-rgb:0,102,204;--accent-gold:#ffb703;--text-dark:#1a202c;--text-muted:#64748b;--bg-light:#f8fafc;--bg-card:#ffffff;--border-color:#e2e8f0;--hdr-gradient:linear-gradient(135deg,#0a2540 0%,#001020 100%);--accent-gradient:linear-gradient(135deg,#0066cc 0%,#00ccff 100%)}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;color:var(--text-dark);background-color:var(--bg-light);line-height:1.6}.navbar-custom{background:var(--hdr-gradient);padding:0.8rem 1rem;box-shadow:0 4px 12px rgba(0,0,0,0.1)}.navbar-brand img{max-height:42px;margin-right:10px}.nav-link{color:rgba(255,255,255,0.85) !important;font-weight:500;padding:0.5rem 1rem !important;transition:color 0.3s ease}.nav-link:hover,.nav-link.active{color:var(--accent-gold) !important}.hero-section{background:var(--hdr-gradient);color:#ffffff;position:relative;overflow:hidden;padding:4.5rem 0;border-bottom:5px solid var(--accent-gold)}.hero-section::before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 80% 20%,rgba(0,102,204,0.25) 0%,transparent 60%);pointer-events:none}.hero-title{font-size:2.5rem;font-weight:800;line-height:1.25;letter-spacing:-0.03em;margin-bottom:1.5rem;text-shadow:0 2px 4px rgba(0,0,0,0.4)}.hero-subtitle{font-size:1.15rem;color:#cbd5e1;margin-bottom:2rem}.hero-img{border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,0.3);border:2px solid rgba(255,255,255,0.1);max-width:100%;height:auto}.custom-card{background:var(--bg-card);border-radius:12px;border:1px solid var(--border-color);box-shadow:0 4px 6px -1px rgba(0,0,0,0.05);transition:transform 0.3s ease,box-shadow 0.3s ease;height:100%}.custom-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px rgba(0,0,0,0.1)}.section-title{font-size:1.85rem;font-weight:700;color:rgba(var(--primary-rgb),1);position:relative;padding-bottom:0.75rem;margin-bottom:2rem}.section-title::after{content:'';position:absolute;left:0;bottom:0;width:50px;height:4px;background:var(--accent-gradient);border-radius:2px}.section-title-center{text-align:center}.section-title-center::after{left:50%;transform:translateX(-50%)}.match-card{background:#ffffff;border-left:5px solid #0066cc;border-radius:8px;padding:1rem;margin-bottom:1rem;box-shadow:0 2px 4px rgba(0,0,0,0.03)}.match-badge{font-size:0.75rem;font-weight:600;padding:0.25rem 0.6rem;border-radius:4px}.badge-live{background-color:#ef4444;color:white}.badge-upcoming{background-color:#3b82f6;color:white}.badge-ended{background-color:#64748b;color:white}.group-container{background:#ffffff;border-radius:10px;border:1px solid var(--border-color);overflow:hidden}.group-header{background:var(--hdr-gradient);color:#ffffff;font-weight:700;padding:0.75rem 1rem;text-align:center}.table-responsive{margin-bottom:0}.venue-card img{height:200px;object-fit:cover;width:100%}.accordion-button:not(.collapsed){background-color:rgba(0,102,204,0.1);color:rgba(var(--primary-rgb),1)}.footer{background:var(--hdr-gradient);color:#cbd5e1;padding:4rem 0 2rem;border-top:5px solid var(--accent-gold)}.footer-title{color:#ffffff;font-weight:600;margin-bottom:1.5rem;font-size:1.15rem}.footer-link{color:#94a3b8;text-decoration:none;transition:color 0.2s}.footer-link:hover{color:var(--accent-gold)}