:root{--primary-navy:#0b1528;--secondary-blue:#0252cc;--accent-usa:#e01638;--accent-canada:#ff0000;--accent-mexico:#006847;--bg-light:#f5f8fc;--card-shadow:0 10px 30px rgba(11,21,40,0.05);--border-color:#e2e8f0;--text-main:#1e293b;--text-muted:#64748b}body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background-color:var(--bg-light);color:var(--text-main);overflow-x:hidden;line-height:1.6}.navbar{background-color:rgba(11,21,40,0.95) !important;backdrop-filter:blur(10px);border-bottom:2px solid var(--secondary-blue);transition:all 0.3s ease}.navbar-brand img{max-height:45px;object-fit:contain}.navbar-nav .nav-link{color:#f8fafc !important;font-weight:500;padding:0.5rem 1.2rem !important;transition:color 0.2s}.navbar-nav .nav-link:hover{color:var(--accent-usa) !important}.hero-section{background:radial-gradient(circle at 80% 20%,#1a365d 0%,#0b1528 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:80px;background:linear-gradient(to top,var(--bg-light),transparent)}.hero-title{font-size:2.8rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem;background:linear-gradient(135deg,#ffffff 40%,#93c5fd 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-tag{background:linear-gradient(90deg,var(--accent-usa),var(--accent-mexico));padding:6px 16px;border-radius:30px;font-size:0.9rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;display:inline-block}.hero-image{border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,0.4);border:4px solid rgba(255,255,255,0.1)}.stat-badge{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);border-radius:8px;padding:15px;text-align:center;transition:transform 0.2s}.stat-badge:hover{transform:translateY(-5px);background:rgba(255,255,255,0.12)}.section-padding{padding:80px 0}.section-title{font-weight:800;position:relative;padding-bottom:15px;margin-bottom:40px;color:var(--primary-navy)}.section-title::after{content:'';position:absolute;left:0;bottom:0;width:60px;height:4px;background:var(--secondary-blue);border-radius:2px}.section-title-center{text-align:center}.section-title-center::after{left:50%;transform:translateX(-50%)}.ticker-card{background:#ffffff;border-radius:12px;box-shadow:var(--card-shadow);border-left:5px solid var(--accent-usa);transition:all 0.3s}.ticker-card:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(11,21,40,0.1)}.match-badge{font-size:0.75rem;font-weight:700;padding:4px 10px;border-radius:4px}.schedule-table{background:#ffffff;border-radius:12px;overflow:hidden;box-shadow:var(--card-shadow)}.schedule-table th{background-color:var(--primary-navy);color:#ffffff;border:none;padding:16px}.schedule-table td{padding:16px;vertical-align:middle}.group-card{background:#ffffff;border-radius:12px;border:1px solid var(--border-color);box-shadow:var(--card-shadow);overflow:hidden}.group-header{background:var(--primary-navy);color:#ffffff;padding:12px 20px;font-weight:700;font-size:1.1rem;display:flex;justify-content:space-between;align-items:center}.group-list{list-style:none;padding:0;margin:0}.group-list-item{padding:12px 20px;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;font-weight:500}.group-list-item:last-child{border-bottom:none}.group-list-item span.seed{width:24px;height:24px;background:#f1f5f9;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:0.8rem;margin-right:12px;color:var(--text-muted);font-weight:bold}.team-grid-card{background:#ffffff;border-radius:12px;overflow:hidden;box-shadow:var(--card-shadow);border:1px solid var(--border-color);height:100%;transition:all 0.3s}.team-grid-card:hover{transform:translateY(-5px)}.team-img-wrapper{position:relative;overflow:hidden}.team-img-wrapper img{transition:transform 0.5s}.team-grid-card:hover .team-img-wrapper img{transform:scale(1.05)}.news-card{background:#ffffff;border-radius:12px;box-shadow:var(--card-shadow);border:1px solid var(--border-color);transition:all 0.3s;height:100%}.news-card:hover{transform:translateY(-3px);border-color:var(--secondary-blue)}.news-title{font-size:1.15rem;font-weight:700;line-height:1.4;color:var(--primary-navy);margin-bottom:10px}.rules-timeline{position:relative;padding-left:30px;border-left:3px solid var(--secondary-blue)}.rules-item{position:relative;margin-bottom:30px}.rules-item::before{content:'';position:absolute;left:-37px;top:5px;width:12px;height:12px;border-radius:50%;background:var(--accent-usa);border:3px solid #ffffff}.border-usa{border-top:4px solid var(--accent-usa)}.border-canada{border-top:4px solid var(--accent-canada)}.border-mexico{border-top:4px solid var(--accent-mexico)}.guide-box{background:#ffffff;border-radius:12px;padding:30px;box-shadow:var(--card-shadow);height:100%}.accordion-item{border:1px solid var(--border-color) !important;border-radius:8px !important;margin-bottom:12px;overflow:hidden}.accordion-button{font-weight:600;color:var(--primary-navy);background-color:#ffffff}.accordion-button:not(.collapsed){background-color:#f1f5f9;color:var(--secondary-blue)}footer{background-color:var(--primary-navy);color:#94a3b8;font-size:0.95rem;border-top:4px solid var(--accent-usa)}footer a{color:#cbd5e1;text-decoration:none;transition:color 0.2s}footer a:hover{color:#ffffff}@media (max-width:991.98px){.table-responsive-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.hero-title{font-size:2rem}}