:root{--primary-rgb:30,64,175;--secondary-rgb:4,120,87;--accent-rgb:225,29,72;--page-bg:#f8fafc;--surface:#ffffff;--surface-dark:#0f172a;--text-main:#0f172a;--text-muted:#475569;--border:#e2e8f0;--card-radius:12px}body{background-color:var(--page-bg);color:var(--text-main);font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{font-weight:700;color:var(--surface-dark)}.text-muted{color:var(--text-muted) !important}.navbar-custom{background-color:var(--surface-dark);box-shadow:0 4px 6px -1px rgba(0,0,0,0.1)}.navbar-custom .navbar-brand{font-weight:800;font-size:1.4rem;color:#ffffff;display:flex;align-items:center;gap:10px}.navbar-custom .navbar-brand img{height:40px;width:auto}.navbar-custom .nav-link{color:rgba(255,255,255,0.85);font-weight:500;transition:color 0.25s ease}.navbar-custom .nav-link:hover{color:rgb(225,29,72)}section{padding:80px 0;border-bottom:1px solid var(--border)}section:nth-of-type(even){background-color:var(--surface)}.hero-section{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);color:#ffffff;padding:100px 0 80px 0;border-bottom:none}.hero-section h1{color:#ffffff;font-size:2.8rem;line-height:1.25;margin-bottom:20px}.hero-section .lead{color:#cbd5e1;font-size:1.15rem;margin-bottom:30px}.stat-card{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:var(--card-radius);padding:20px;transition:transform 0.2s ease}.stat-card:hover{transform:translateY(-5px)}.match-card{border:1px solid var(--border);border-radius:var(--card-radius);background-color:var(--surface);padding:24px;transition:box-shadow 0.25s ease}.match-card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,0.05)}.match-status-badge{background-color:#f1f5f9;color:var(--text-muted);padding:4px 12px;border-radius:20px;font-size:0.85rem;font-weight:600}.match-status-badge.live{background-color:rgba(225,29,72,0.1);color:rgb(225,29,72)}.table-responsive-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.group-card{border:1px solid var(--border);border-radius:var(--card-radius);overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,0.02)}.group-card-header{background-color:rgba(30,64,175,0.05);border-bottom:1px solid var(--border);padding:15px 20px;font-weight:700}.btn-theme-primary{background-color:rgb(30,64,175);color:#ffffff;font-weight:600;padding:10px 24px;border-radius:var(--card-radius);border:none;transition:background-color 0.2s ease}.btn-theme-primary:hover{background-color:rgb(23,49,137);color:#ffffff}.accordion-button:not(.collapsed){background-color:rgba(30,64,175,0.05);color:rgb(30,64,175);box-shadow:none}footer{background-color:var(--surface-dark);color:#94a3b8;padding:60px 0 30px 0}footer h5{color:#ffffff;font-size:1.1rem;margin-bottom:20px}footer a{color:#94a3b8;text-decoration:none;transition:color 0.2s ease}footer a:hover{color:#ffffff}@media (max-width:768px){.hero-section{text-align:center;padding:60px 0}.hero-section h1{font-size:2.2rem}section{padding:60px 0}}