:root{--soccer-primary:#0a4da2;--soccer-secondary:#00875a;--soccer-accent:#f5a623;--soccer-dark:#111827;--soccer-light:#f9fafb;--soccer-gray:#f3f4f6;--text-main:#1f2937;--text-muted:#4b5563;--border-color:#e5e7eb;--card-radius:12px}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--text-main);background-color:var(--soccer-light);line-height:1.6}.bg-gradient-soccer{background:linear-gradient(135deg,var(--soccer-primary) 0%,#1e3a8a 100%)}.text-accent{color:var(--soccer-accent)}.badge-live{background-color:var(--soccer-secondary);color:white;font-weight:600}.navbar{box-shadow:0 2px 10px rgba(0,0,0,0.08);background-color:rgba(255,255,255,0.96) !important;backdrop-filter:blur(8px)}.navbar-brand img{max-height:40px}.hero-section{padding:80px 0;color:white;position:relative;overflow:hidden}.hero-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 80% 20%,rgba(0,135,90,0.3) 0%,transparent 60%);z-index:1}.hero-content{position:relative;z-index:2}.hero-img{border-radius:var(--card-radius);box-shadow:0 10px 30px rgba(0,0,0,0.3);max-width:100%;height:auto;object-fit:cover}.custom-card{background:white;border-radius:var(--card-radius);border:1px solid var(--border-color);box-shadow:0 4px 6px -1px rgba(0,0,0,0.05);transition:transform 0.2s,box-shadow 0.2s;overflow:hidden}.custom-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px rgba(0,0,0,0.1)}.match-scroller{overflow-x:auto;white-space:nowrap;padding:15px 0;scrollbar-width:thin}.match-scroller::-webkit-scrollbar{height:6px}.match-scroller::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:3px}.match-card-wrapper{display:inline-block;width:300px;margin-right:16px;vertical-align:top;white-space:normal}.group-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.group-header{background-color:var(--soccer-primary);color:white;font-weight:bold;padding:10px 15px;border-top-left-radius:var(--card-radius);border-top-right-radius:var(--card-radius)}.venue-img{width:100%;height:220px;object-fit:cover}footer{background-color:var(--soccer-dark);color:#9ca3af}footer a{color:#d1d5db;text-decoration:none}footer a:hover{color:var(--soccer-accent)}p,li,td{color:var(--text-main)}.text-light-custom{color:#e2e8f0 !important}@media (max-width:768px){.hero-section{padding:40px 0;text-align:center}.group-grid{grid-template-columns:1fr}}