:root{--primary-color:#0d6efd;--primary-dark:#0a2540;--usa-blue:#0A2540;--mexico-green:#006847;--canada-red:#DA291C;--bg-light:#f8f9fa;--bg-dark:#0b132b;--text-main:#212529;--text-muted:#6c757d;--card-border-radius:12px;--transition-smooth:all 0.3s ease}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--text-main);background-color:#ffffff;line-height:1.6}.navbar{background-color:rgba(10,37,64,0.95) !important;backdrop-filter:blur(10px);border-bottom:3px solid var(--canada-red)}.navbar-brand img{max-height:40px}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,0.9);font-weight:500}.navbar-dark .navbar-nav .nav-link:hover{color:#ffc107}.hero-section{background:linear-gradient(135deg,var(--usa-blue) 0%,#1d3557 100%);color:#ffffff;padding:100px 0 80px 0;position:relative;overflow:hidden}.hero-section::after{content:'';position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(to top,#ffffff,transparent)}.hero-title{font-size:2.8rem;font-weight:800;line-height:1.2;margin-bottom:20px}.hero-tag{background-color:var(--canada-red);color:white;padding:5px 15px;border-radius:20px;font-size:0.9rem;font-weight:bold;display:inline-block;margin-bottom:15px}.section-header{margin-bottom:45px;text-align:center}.section-header h2{font-size:2.2rem;font-weight:700;color:var(--usa-blue);position:relative;display:inline-block;padding-bottom:15px}.section-header h2::after{content:'';position:absolute;bottom:0;left:25%;width:50%;height:4px;background:linear-gradient(90deg,var(--mexico-green) 0%,var(--canada-red) 100%);border-radius:2px}.card-custom{border:none;border-radius:var(--card-border-radius);box-shadow:0 4px 15px rgba(0,0,0,0.05);transition:var(--transition-smooth);background:#ffffff;overflow:hidden}.card-custom:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,0.1)}.match-card{background:#ffffff;border-left:5px solid var(--usa-blue);padding:15px;border-radius:8px;margin-bottom:15px;box-shadow:0 2px 8px rgba(0,0,0,0.05)}.match-card.live{border-left-color:var(--canada-red)}.team-flag{width:24px;height:16px;object-fit:cover;margin-right:8px;border:1px solid #ddd}.group-table th{background-color:var(--usa-blue);color:white;text-align:center}.group-card{background-color:var(--bg-light);border:1px solid #e9ecef;border-radius:10px;padding:15px;height:100%}.stadium-card{position:relative;color:white;border-radius:var(--card-border-radius);overflow:hidden;height:250px}.stadium-card img{width:100%;height:100%;object-fit:cover;transition:var(--transition-smooth)}.stadium-card:hover img{transform:scale(1.05)}.stadium-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,0.85),transparent);padding:20px}.accordion-button:not(.collapsed){background-color:rgba(13,110,253,0.1);color:var(--usa-blue)}footer{background-color:var(--bg-dark);color:#a0aec0;padding:60px 0 30px 0;border-top:5px solid var(--mexico-green)}footer h5{color:#ffffff;font-weight:600;margin-bottom:20px}footer a{color:#a0aec0;text-decoration:none;transition:var(--transition-smooth)}footer a:hover{color:#ffffff}