:root{--primary-color:#0d6efd;--accent-usa:#002868;--accent-mex:#006847;--accent-can:#da291c;--dark-blue:#0b132b;--bg-main:#f4f6f9;--bg-card:#ffffff;--text-main:#1f2937;--text-muted:#4b5563;--border-color:#e5e7eb;--card-radius:12px}body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background-color:var(--bg-main);color:var(--text-main);overflow-x:hidden;line-height:1.6}.navbar-custom{background-color:rgba(11,19,43,0.95);backdrop-filter:blur(10px);border-bottom:3px solid var(--accent-can);z-index:1030}.navbar-custom .navbar-brand,.navbar-custom .nav-link{color:#ffffff !important;font-weight:500}.navbar-custom .nav-link:hover{color:#ffc107 !important}.hero-section{background:linear-gradient(135deg,var(--dark-blue) 0%,#1c2541 100%);color:#ffffff;padding:80px 0 60px 0;position:relative;border-bottom:5px solid var(--accent-mex)}.hero-badge{background:linear-gradient(90deg,var(--accent-can),var(--accent-usa),var(--accent-mex));padding:6px 16px;border-radius:30px;font-size:0.9rem;font-weight:600;display:inline-block}.section-title{position:relative;padding-bottom:12px;margin-bottom:30px;font-weight:700;color:var(--dark-blue)}.section-title::after{content:'';position:absolute;left:0;bottom:0;width:60px;height:4px;background:linear-gradient(90deg,var(--accent-usa),var(--accent-can));border-radius:2px}.custom-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--card-radius);box-shadow:0 4px 6px rgba(0,0,0,0.05);transition:transform 0.2s ease,box-shadow 0.2s ease;height:100%}.custom-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px rgba(0,0,0,0.1)}.match-badge{font-size:0.8rem;padding:4px 10px;border-radius:4px;font-weight:600}.match-live{background-color:#d1e7dd;color:#0f5132}.match-upcoming{background-color:#cfe2ff;color:#084298}.table-responsive{background-color:#ffffff;border-radius:var(--card-radius);border:1px solid var(--border-color)}.feature-icon{width:50px;height:50px;background-color:#e6f0fa;color:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:15px}footer{background-color:var(--dark-blue);color:#d1d5db;font-size:0.95rem}footer h5{color:#ffffff;font-weight:600}footer a{color:#a0aec0;text-decoration:none}footer a:hover{color:#ffffff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}