:root{--primary:#0B2240;--accent-us:#0A3161;--accent-ca:#D80621;--accent-mx:#006847;--accent-gold:#D4AF37;--bg-light:#F8FAFC;--surface:#FFFFFF;--text-main:#0F172A;--text-muted:#475569;--border:#E2E8F0;--border-vibrant:#CBD5E1;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}body{font-family:var(--font-sans);background-color:var(--bg-light);color:var(--text-main);overflow-x:hidden;line-height:1.6}.navbar-custom{background-color:var(--primary);box-shadow:0 4px 20px rgba(0,0,0,0.08);border-bottom:3px solid var(--accent-gold);padding:10px 0;transition:all 0.3s ease}.navbar-custom .navbar-brand{font-weight:800;color:#FFFFFF !important;display:flex;align-items:center;gap:10px}.navbar-custom .navbar-brand img{max-height:42px;object-fit:contain}.navbar-custom .nav-link{color:#E2E8F0 !important;font-weight:500;padding:8px 16px !important;border-radius:6px;transition:all 0.2s}.navbar-custom .nav-link:hover,.navbar-custom .nav-link.active{color:#FFFFFF !important;background-color:rgba(255,255,255,0.1)}.hero-section{background:radial-gradient(circle at top right,rgba(10,49,97,0.95),rgba(11,34,64,1)),url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><rect fill="%230b2240" width="100" height="100"/><circle fill="%230a3161" cx="50" cy="50" r="40" opacity="0.1"/></svg>');background-size:cover;color:#FFFFFF;padding:90px 0;border-bottom-right-radius:40px;border-bottom-left-radius:40px}.hero-title{font-size:2.8rem;font-weight:800;line-height:1.25;margin-bottom:20px;letter-spacing:-0.5px}.hero-title span{color:var(--accent-gold)}.hero-desc{font-size:1.15rem;color:#E2E8F0;margin-bottom:30px;font-weight:300}.hero-stats-box{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);border-radius:12px;padding:20px;backdrop-filter:blur(10px)}.hero-stat-item{border-right:1px solid rgba(255,255,255,0.15)}.hero-stat-item:last-child{border-right:none}.hero-img{border-radius:16px;box-shadow:0 15px 35px rgba(0,0,0,0.3);border:4px solid rgba(255,255,255,0.1);object-fit:cover;width:100%;height:auto}section{padding:80px 0}.section-light{background-color:var(--surface)}.section-gray{background-color:var(--bg-light)}.section-title{position:relative;font-weight:800;font-size:2.2rem;margin-bottom:15px;color:var(--primary);display:inline-block}.section-subtitle{color:var(--text-muted);font-size:1.1rem;max-width:700px;margin:0 auto 50px auto}.title-divider{width:80px;height:4px;background:linear-gradient(90deg,var(--accent-ca),var(--accent-us),var(--accent-mx));margin:0 auto 30px auto;border-radius:2px}.score-ticker-card{background:var(--surface);border-radius:12px;border:1px solid var(--border);padding:15px;transition:all 0.3s;box-shadow:0 4px 6px rgba(0,0,0,0.02)}.score-ticker-card:hover{transform:translateY(-3px);box-shadow:0 10px 15px rgba(0,0,0,0.05);border-color:var(--accent-gold)}.match-badge{font-size:0.75rem;padding:3px 8px;border-radius:4px;font-weight:600}.badge-live{background-color:#FEE2E2;color:#EF4444}.badge-upcoming{background-color:#E0F2FE;color:#0284C7}.badge-ended{background-color:#F1F5F9;color:#64748B}.score-team-logo{width:30px;height:30px;border-radius:50%;background-color:#E2E8F0;display:inline-flex;align-items:center;justify-content:center;font-weight:bold;font-size:0.8rem}.schedule-tab .nav-link{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-weight:600;margin-right:10px;border-radius:8px;padding:10px 20px}.schedule-tab .nav-link.active{background:var(--primary);color:#FFFFFF;border-color:var(--primary)}.group-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,0.02)}.group-header{background-color:var(--primary);color:#FFFFFF;padding:12px 15px;font-weight:700;display:flex;justify-content:space-between;align-items:center}.group-header span{color:var(--accent-gold)}.team-card{background:var(--surface);border-radius:12px;overflow:hidden;border:1px solid var(--border);transition:all 0.3s ease}.team-card:hover{transform:translateY(-5px);box-shadow:0 12px 20px rgba(0,0,0,0.08)}.team-banner{height:120px;background-size:cover;background-position:center;position:relative}.team-banner::after{content:'';position:absolute;left:0;right:0;top:0;bottom:0;background:linear-gradient(to bottom,rgba(0,0,0,0.1),rgba(0,0,0,0.7))}.team-flag-container{position:relative;margin-top:-40px;text-align:center;z-index:2}.team-flag{width:80px;height:80px;border-radius:50%;border:4px solid var(--surface);box-shadow:0 4px 10px rgba(0,0,0,0.15);background-color:#fff;object-fit:cover;display:inline-block}.news-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:all 0.3s}.news-card:hover{box-shadow:0 12px 24px rgba(0,0,0,0.07)}.news-img-box{position:relative;overflow:hidden;height:200px}.news-img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s}.news-card:hover .news-img{transform:scale(1.05)}.news-tag{position:absolute;top:15px;left:15px;background-color:var(--accent-ca);color:#FFFFFF;font-size:0.75rem;padding:4px 10px;border-radius:4px;font-weight:600}.stadium-card{border-radius:12px;overflow:hidden;position:relative;height:280px;box-shadow:0 8px 16px rgba(0,0,0,0.1)}.stadium-bg{width:100%;height:100%;object-fit:cover;filter:brightness(0.75);transition:transform 0.5s}.stadium-card:hover .stadium-bg{transform:scale(1.08)}.stadium-info{position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(to top,rgba(0,0,0,0.95),rgba(0,0,0,0.4),transparent);color:#FFFFFF}.guide-card{background:var(--surface);border-radius:12px;border:1px solid var(--border);padding:25px;height:100%;transition:all 0.3s}.guide-card:hover{border-color:var(--accent-us);box-shadow:0 8px 16px rgba(10,49,97,0.05)}.guide-icon{font-size:2.2rem;margin-bottom:15px;display:inline-block}.timeline-item{position:relative;padding-left:35px;margin-bottom:25px;border-left:2px solid var(--accent-gold)}.timeline-item::before{content:'';position:absolute;left:-8px;top:4px;width:14px;height:14px;border-radius:50%;background-color:var(--accent-gold);border:3px solid var(--surface)}.faq-accordion .accordion-item{border:1px solid var(--border);border-radius:8px !important;margin-bottom:12px;overflow:hidden}.faq-accordion .accordion-button{font-weight:600;color:var(--primary);background-color:var(--surface)}.faq-accordion .accordion-button:not(.collapsed){background-color:rgba(11,34,64,0.04);color:var(--primary);box-shadow:none}.faq-accordion .accordion-body{color:var(--text-muted);background-color:var(--surface)}.about-card{background:linear-gradient(135deg,#FFFFFF 0%,#F1F5F9 100%);border-left:5px solid var(--accent-us);padding:30px;border-radius:0 12px 12px 0}footer{background-color:var(--primary);color:#E2E8F0;padding:60px 0 30px 0;border-top:5px solid var(--accent-gold)}footer a{color:#94A3B8;text-decoration:none;transition:color 0.2s}footer a:hover{color:#FFFFFF}footer h5{color:#FFFFFF;font-weight:700;margin-bottom:20px}@media (max-width:991.98px){.hero-section{padding:60px 0;text-align:center}.hero-title{font-size:2.2rem}.hero-stat-item{border-right:none;border-bottom:1px solid rgba(255,255,255,0.15);padding-bottom:15px;margin-bottom:15px}.hero-stat-item:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.stadium-card{height:220px}}