:root{--bg-main:#0b0f19;--bg-card:#151f32;--bg-card-hover:#1e2d4a;--border-color:#243552;--text-primary:#f8fafc;--text-secondary:#94a3b8;--brand-usa:#3b82f6;--brand-mexico:#10b981;--brand-canada:#ef4444;--gold:#f59e0b}body{background-color:var(--bg-main);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;overflow-x:hidden}.navbar-custom{background-color:rgba(11,15,25,0.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);padding:15px 0;transition:all 0.3s ease}.navbar-brand-img{height:40px;width:auto;margin-right:10px}.nav-link{color:var(--text-secondary) !important;font-weight:500;padding:8px 16px !important;transition:color 0.3s ease}.nav-link:hover,.nav-link.active{color:var(--text-primary) !important}.hero-section{padding:140px 0 80px;background:radial-gradient(circle at 80% 20%,rgba(59,130,246,0.15) 0%,rgba(0,0,0,0) 50%),radial-gradient(circle at 10% 80%,rgba(239,68,68,0.12) 0%,rgba(0,0,0,0) 50%)}.hero-title{font-size:3rem;font-weight:800;line-height:1.2;background:linear-gradient(135deg,#ffffff 30%,#94a3b8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-badge{background:linear-gradient(90deg,var(--brand-usa),var(--brand-mexico),var(--brand-canada));padding:6px 16px;border-radius:30px;font-size:0.9rem;font-weight:600;display:inline-block;margin-bottom:20px}.card-custom{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:24px;height:100%;transition:transform 0.3s ease,border-color 0.3s ease,box-shadow 0.3s ease}.card-custom:hover{transform:translateY(-5px);border-color:rgba(255,255,255,0.15);box-shadow:0 10px 30px rgba(0,0,0,0.3)}.group-card{background:var(--bg-card);border-top:4px solid var(--brand-usa)}.group-card:nth-child(3n+2){border-top-color:var(--brand-mexico)}.group-card:nth-child(3n+3){border-top-color:var(--brand-canada)}.match-row{border-bottom:1px solid var(--border-color);padding:16px 0;transition:background 0.2s ease}.match-row:hover{background:rgba(255,255,255,0.02)}.status-badge{font-size:0.75rem;padding:4px 8px;border-radius:4px;font-weight:600}.status-live{background:rgba(239,68,68,0.2);color:var(--brand-canada)}.status-scheduled{background:rgba(59,130,246,0.2);color:var(--brand-usa)}.status-finished{background:rgba(148,163,184,0.2);color:var(--text-secondary)}.section-title{position:relative;padding-bottom:15px;margin-bottom:40px;font-weight:700}.section-title::after{content:'';position:absolute;left:0;bottom:0;width:50px;height:4px;background:linear-gradient(90deg,var(--brand-usa),var(--brand-canada));border-radius:2px}.accordion-button{background-color:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color)}.accordion-button:not(.collapsed){background-color:var(--bg-card-hover);color:var(--text-primary)}.accordion-body{background-color:var(--bg-card);border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color);color:var(--text-secondary)}.table-responsive{background:var(--bg-card);border-radius:12px;border:1px solid var(--border-color);overflow:hidden}.table{color:var(--text-primary);margin-bottom:0}.table th{background-color:rgba(255,255,255,0.03);border-bottom:2px solid var(--border-color);color:var(--text-secondary)}.table td{border-bottom:1px solid var(--border-color);vertical-align:middle}footer{background:#070a10;border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:0.9rem}