:root{--primary-gradient:linear-gradient(135deg,#0056B3,#FF3366,#00A86B);--usa-blue:#0056B3;--canada-red:#FF3366;--mexico-green:#00A86B;--page-bg:#f5f7fb;--card-bg:#ffffff;--text-main:#1e293b;--text-muted:#64748b;--border-color:#e2e8f0;--accent-hover:#0284c7}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background-color:var(--page-bg);color:var(--text-main);overflow-x:hidden;line-height:1.6}.gradient-text{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}.navbar-custom{background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);border-bottom:2px solid var(--border-color);transition:all 0.3s ease}.navbar-brand img{max-height:45px;object-fit:contain}.nav-link-custom{color:var(--text-main);font-weight:600;padding:0.5rem 1rem;transition:color 0.2s ease}.nav-link-custom:hover{color:var(--canada-red)}.hero-section{padding:80px 0 60px 0;background:radial-gradient(circle at top right,rgba(0,86,179,0.08),transparent),radial-gradient(circle at bottom left,rgba(0,168,107,0.08),transparent)}.hero-card{background:var(--card-bg);border-radius:14px;border:1px solid var(--border-color);box-shadow:0 10px 30px rgba(0,0,0,0.04);overflow:hidden}.hero-img{width:100%;height:auto;max-height:480px;object-fit:cover}.live-ticker{background:#ffffff;border-radius:12px;border-left:5px solid var(--canada-red);box-shadow:0 4px 15px rgba(0,0,0,0.05)}.custom-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;transition:transform 0.2s ease,box-shadow 0.2s ease}.custom-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,0.08)}.match-row{border-bottom:1px solid var(--border-color);padding:12px 0;align-items:center}.match-row:last-child{border-bottom:none}.flag-icon{width:28px;height:20px;object-fit:cover;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,0.1)}.group-box{border-top:4px solid var(--usa-blue)}.group-box-mex{border-top:4px solid var(--mexico-green)}.group-box-can{border-top:4px solid var(--canada-red)}.accordion-button:not(.collapsed){background-color:rgba(0,86,179,0.08);color:var(--usa-blue)}footer{background-color:#0f172a;color:#f1f5f9}footer a{color:#94a3b8;text-decoration:none;transition:color 0.2s ease}footer a:hover{color:#ffffff}.scroll-container{overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}