:root{--primary:#00f2fe;--secondary:#4facfe;--accent-glow:rgba(0,242,254,0.15);--bg-main:#0b0f19;--bg-card:#161f30;--bg-card-hover:#1e2a41;--border-color:rgba(255,255,255,0.08);--text-main:#f8fafc;--text-muted:#94a3b8;--usa-blue:#0a3161;--mex-green:#006847;--can-red:#da291c;--gold:#ffd700}body{background-color:var(--bg-main);color:var(--text-main);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;overflow-x:hidden;line-height:1.6}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--bg-card);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--secondary)}.navbar{background-color:rgba(11,15,25,0.95) !important;backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);transition:all 0.3s ease}.navbar-brand img{max-height:40px}.navbar-nav .nav-link{color:var(--text-muted) !important;font-weight:500;padding:0.5rem 1rem !important;transition:color 0.3s}.navbar-nav .nav-link:hover,.navbar-nav .nav-link.active{color:var(--primary) !important}.btn-live{background:linear-gradient(135deg,var(--secondary),var(--primary));color:#0b0f19 !important;font-weight:600;border:none;border-radius:20px;padding:0.5rem 1.25rem;transition:transform 0.2s,box-shadow 0.2s}.btn-live:hover{transform:translateY(-2px);box-shadow:0 4px 15px var(--accent-glow)}.hero-section{padding:8rem 0 5rem 0;background:radial-gradient(circle at top right,rgba(79,172,254,0.12),transparent 50%),radial-gradient(circle at bottom left,rgba(0,242,254,0.08),transparent 50%);border-bottom:1px solid var(--border-color)}.hero-title{font-size:2.8rem;font-weight:800;line-height:1.25;background:linear-gradient(135deg,#fff 30%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-badge{background:rgba(255,255,255,0.05);border:1px solid var(--border-color);padding:0.5rem 1rem;border-radius:30px;font-size:0.9rem;color:var(--primary);display:inline-flex;align-items:center;gap:0.5rem}.hero-img-wrapper{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.5)}.hero-img-wrapper img{width:100%;height:auto;object-fit:cover;transition:transform 0.5s}.hero-img-wrapper:hover img{transform:scale(1.03)}.wc-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;height:100%;transition:all 0.3s ease}.wc-card:hover{transform:translateY(-5px);border-color:rgba(0,242,254,0.3);background-color:var(--bg-card-hover);box-shadow:0 8px 25px rgba(0,0,0,0.3)}.section-title{position:relative;font-size:2rem;font-weight:700;margin-bottom:2.5rem;padding-left:1rem;border-left:4px solid var(--primary)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (min-width:768px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-item{background:rgba(255,255,255,0.02);border:1px solid var(--border-color);border-radius:10px;padding:1.25rem;text-align:center}.stat-value{font-size:2rem;font-weight:700;color:var(--primary);display:block}.stat-label{font-size:0.85rem;color:var(--text-muted)}.live-ticker{display:flex;gap:1rem;overflow-x:auto;padding-bottom:1rem}.ticker-card{flex:0 0 300px;background:linear-gradient(135deg,#161f30,#0f1522);border:1px solid var(--border-color);border-radius:10px;padding:1rem}.ticker-header{display:flex;justify-content:space-between;font-size:0.75rem;color:var(--text-muted);margin-bottom:0.75rem}.ticker-status{padding:2px 6px;border-radius:4px;font-weight:600}.status-live{background-color:var(--can-red);color:#fff;animation:pulse 1.5s infinite}.status-upcoming{background-color:var(--usa-blue);color:#fff}.status-end{background-color:rgba(255,255,255,0.1);color:var(--text-muted)}@keyframes pulse{0%{opacity:0.6}50%{opacity:1}100%{opacity:0.6}}.ticker-team{display:flex;justify-content:space-between;align-items:center;font-weight:600;margin:0.4rem 0}.ticker-score{font-size:1.25rem;color:var(--primary)}.table-wc{width:100%;margin-bottom:0;color:var(--text-main);border-collapse:separate;border-spacing:0 0.5rem}.table-wc th{border:none;color:var(--text-muted);font-weight:500;padding:0.75rem;text-transform:uppercase;font-size:0.8rem}.table-wc tbody tr{background-color:rgba(255,255,255,0.02);transition:background-color 0.2s}.table-wc tbody tr:hover{background-color:rgba(255,255,255,0.05)}.table-wc td{padding:0.75rem;vertical-align:middle;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.table-wc td:first-child{border-left:1px solid var(--border-color);border-radius:8px 0 0 8px}.table-wc td:last-child{border-right:1px solid var(--border-color);border-radius:0 8px 8px 0}.rank-num{display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;border-radius:50%;font-weight:bold;font-size:0.8rem}.rank-top{background-color:var(--primary);color:#0b0f19}.rank-second{background-color:var(--secondary);color:#0b0f19}.team-flag-pill{display:inline-block;width:28px;height:18px;border-radius:2px;margin-right:8px;vertical-align:middle;background-size:cover;background-position:center}section{scroll-margin-top:5rem}.news-overlay-card{position:relative;border-radius:12px;overflow:hidden;height:220px}.news-overlay-card::after{content:'';position:absolute;left:0;right:0;top:0;bottom:0;background:linear-gradient(to top,rgba(11,15,25,0.95) 15%,rgba(11,15,25,0.4) 60%,transparent 100%);z-index:1}.news-card-content{position:absolute;bottom:0;left:0;right:0;padding:1.25rem;z-index:2}.news-tag{background:var(--primary);color:#0b0f19;font-size:0.75rem;padding:2px 6px;border-radius:4px;font-weight:600;display:inline-block;margin-bottom:0.5rem}.accordion-item{background-color:var(--bg-card);border:1px solid var(--border-color);margin-bottom:0.75rem;border-radius:8px !important;overflow:hidden}.accordion-button{background-color:var(--bg-card);color:var(--text-main);font-weight:600;border:none;box-shadow:none !important;padding:1.25rem}.accordion-button:not(.collapsed){background-color:var(--bg-card-hover);color:var(--primary)}.accordion-button::after{filter:invert(1)}.accordion-body{background-color:rgba(255,255,255,0.01);color:var(--text-muted);border-top:1px solid var(--border-color);padding:1.25rem}footer{background-color:#070a10;border-top:1px solid var(--border-color);color:var(--text-muted);font-size:0.9rem}footer a{color:var(--text-muted);text-decoration:none;transition:color 0.2s}footer a:hover{color:var(--primary)}