:root{--primary-navy:#0a1931;--secondary-navy:#15305b;--accent-red:#ee2f35;--accent-green:#006847;--accent-blue:#006ec7;--light-bg:#f5f8fc;--card-bg:#ffffff;--text-dark:#1e293b;--text-muted:#64748b;--border-color:#e2e8f0;--transition-smooth:all 0.3s cubic-bezier(0.4,0,0.2,1)}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background-color:var(--light-bg);color:var(--text-dark);overflow-x:hidden;line-height:1.6}.header-nav{background-color:var(--primary-navy);box-shadow:0 4px 20px rgba(0,0,0,0.1);position:sticky;top:0;z-index:1030;border-bottom:3px solid var(--accent-red)}.header-nav .navbar-brand{display:flex;align-items:center;gap:10px;color:#ffffff;font-weight:700}.header-nav .navbar-brand img{height:40px;width:auto;object-fit:contain}.header-nav .nav-link{color:#cbd5e1;font-weight:500;padding:0.5rem 1rem !important;transition:var(--transition-smooth)}.header-nav .nav-link:hover,.header-nav .nav-link.active{color:#ffffff;background-color:rgba(255,255,255,0.1);border-radius:6px}.hero-section{background:linear-gradient(135deg,var(--primary-navy) 0%,var(--secondary-navy) 100%);color:#ffffff;padding:80px 0;position:relative;overflow:hidden}.hero-section::after{content:'';position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to top,var(--light-bg),transparent)}.hero-title{font-size:2.8rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem;text-shadow:0 2px 4px rgba(0,0,0,0.3)}.hero-subtitle{font-size:1.25rem;color:#94a3b8;margin-bottom:2rem}.badge-host{font-size:0.85rem;text-transform:uppercase;padding:6px 16px;border-radius:50px;font-weight:600;letter-spacing:1px}.badge-usa{background-color:var(--accent-blue);color:white}.badge-can{background-color:var(--accent-red);color:white}.badge-mex{background-color:var(--accent-green);color:white}.section-padding{padding:70px 0}.section-title{font-size:2rem;font-weight:800;color:var(--primary-navy);position:relative;margin-bottom:2.5rem;display:inline-block}.section-title::after{content:'';position:absolute;bottom:-8px;left:0;width:60px;height:4px;background-color:var(--accent-red);border-radius:2px}.section-title-alt::after{background-color:var(--accent-green)}.custom-card{background-color:var(--card-bg);border-radius:12px;border:1px solid var(--border-color);box-shadow:0 4px 6px rgba(0,0,0,0.02);transition:var(--transition-smooth);overflow:hidden;height:100%}.custom-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,0.05)}.match-bar{background:linear-gradient(90deg,#ffffff,#f8fafc);border-left:4px solid var(--accent-blue);border-radius:8px;padding:15px 20px;margin-bottom:15px;box-shadow:0 2px 4px rgba(0,0,0,0.02);transition:var(--transition-smooth)}.match-bar:hover{border-left-color:var(--accent-red);background:#ffffff}.match-time{font-size:0.85rem;color:var(--text-muted);font-weight:600}.match-team{font-weight:700;font-size:1.05rem}.match-vs{color:var(--accent-red);font-weight:800;padding:0 10px}.match-status{font-size:0.75rem;padding:4px 8px;border-radius:4px;font-weight:600}.status-upcoming{background-color:#f1f5f9;color:var(--text-muted)}.status-live{background-color:#fee2e2;color:var(--accent-red);animation:pulse 1.5s infinite}.status-ended{background-color:#e2e8f0;color:#475569}.group-table{width:100%;margin-bottom:0}.group-table th{background-color:var(--secondary-navy);color:#ffffff;font-weight:600;border:none}.group-table td{vertical-align:middle;font-weight:500}.group-badge{width:28px;height:28px;line-height:28px;text-align:center;border-radius:50%;font-size:0.8rem;color:white;font-weight:700;display:inline-block}.stadium-card-img{height:220px;object-fit:cover;width:100%}.trivia-timeline{border-left:3px solid var(--border-color);padding-left:20px;position:relative}.trivia-item{position:relative;margin-bottom:30px}.trivia-item::before{content:'';position:absolute;left:-27px;top:5px;width:12px;height:12px;border-radius:50%;background-color:var(--accent-red);border:3px solid var(--card-bg)}.faq-accordion .accordion-item{border:1px solid var(--border-color);border-radius:8px !important;margin-bottom:12px;overflow:hidden}.faq-accordion .accordion-button{font-weight:600;color:var(--primary-navy);background-color:#ffffff}.faq-accordion .accordion-button:not(.collapsed){background-color:#f1f5f9;color:var(--accent-blue);box-shadow:none}.site-footer{background-color:var(--primary-navy);color:#94a3b8;padding:60px 0 20px;border-top:4px solid var(--accent-blue);font-size:0.9rem}.site-footer a{color:#cbd5e1;text-decoration:none;transition:var(--transition-smooth)}.site-footer a:hover{color:#ffffff}.footer-logo{max-height:50px;margin-bottom:20px}@keyframes pulse{0%{opacity:1}50%{opacity:0.6}100%{opacity:1}}@media (max-width:768px){.hero-title{font-size:2rem}.section-padding{padding:45px 0}}