:root{--primary:#0A369D;--primary-dark:#07256E;--primary-light:#EEF4FF;--secondary:#00A86B;--accent:#E31837;--bg-main:#F4F6F9;--bg-card:#FFFFFF;--text-main:#1F2937;--text-muted:#6B7280;--border-color:#E5E7EB;--radius-main:12px;--transition:all 0.3s ease}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background-color:var(--bg-main);color:var(--text-main);line-height:1.6;overflow-x:hidden}.card-custom{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-main);box-shadow:0 4px 6px -1px rgba(0,0,0,0.05),0 2px 4px -1px rgba(0,0,0,0.03);transition:var(--transition);overflow:hidden;height:100%}.card-custom:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)}.navbar-custom{background-color:var(--primary-dark);box-shadow:0 2px 10px rgba(0,0,0,0.1)}.navbar-custom .navbar-brand{font-weight:800;color:#FFFFFF !important;display:flex;align-items:center;gap:10px}.navbar-custom .navbar-brand img{max-height:40px;width:auto}.navbar-custom .nav-link{color:rgba(255,255,255,0.85) !important;font-weight:500;padding:0.5rem 1rem !important;transition:var(--transition)}.navbar-custom .nav-link:hover,.navbar-custom .nav-link.active{color:#FFFFFF !important;background-color:rgba(255,255,255,0.1);border-radius:6px}.hero-section{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 100%);color:#FFFFFF;position:relative;overflow:hidden}.hero-section::before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 80% 20%,rgba(0,168,107,0.15) 0%,transparent 50%);pointer-events:none}.hero-img{max-width:100%;height:auto;border-radius:var(--radius-main);box-shadow:0 20px 25px -5px rgba(0,0,0,0.3)}.hero-badge{background-color:var(--accent);color:#FFFFFF;padding:6px 16px;font-weight:700;font-size:0.875rem;border-radius:50px;display:inline-block;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:1px}.section-title-wrap{margin-bottom:2.5rem;position:relative}.section-title{font-weight:800;color:var(--primary-dark);position:relative;display:inline-block;padding-bottom:8px}.section-title::after{content:'';position:absolute;bottom:0;left:0;width:50px;height:4px;background:linear-gradient(to right,var(--secondary),var(--accent));border-radius:2px}.section-subtitle{color:var(--text-muted);font-size:0.95rem;margin-top:0.5rem}.match-badge{font-size:0.75rem;padding:3px 8px;border-radius:4px;font-weight:bold}.badge-live{background-color:var(--accent);color:#FFFFFF;animation:pulse 2s infinite}.badge-upcoming{background-color:var(--primary-light);color:var(--primary)}.badge-finished{background-color:#E5E7EB;color:#4B5563}@keyframes pulse{0%{opacity:1}50%{opacity:0.6}100%{opacity:1}}.group-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.group-card{background:#FFFFFF;border-top:4px solid var(--primary);border-radius:var(--radius-main);box-shadow:0 2px 4px rgba(0,0,0,0.02)}.group-header{background-color:var(--primary-light);color:var(--primary-dark);font-weight:bold;padding:10px 15px;border-top-left-radius:0;border-top-right-radius:0}.team-flag-icon{width:24px;height:16px;object-fit:cover;border-radius:2px;display:inline-block;margin-right:8px;border:1px solid #ddd}.timeline-item{position:relative;padding-left:25px;border-left:2px solid var(--border-color);margin-bottom:1.5rem}.timeline-item::before{content:'';position:absolute;left:-6px;top:5px;width:10px;height:10px;border-radius:50%;background-color:var(--secondary)}.faq-accordion .accordion-item{border:1px solid var(--border-color);border-radius:var(--radius-main) !important;margin-bottom:1rem;overflow:hidden}.faq-accordion .accordion-button{font-weight:600;color:var(--primary-dark);background-color:#FFFFFF}.faq-accordion .accordion-button:not(.collapsed){background-color:var(--primary-light);color:var(--primary-dark);box-shadow:none}.footer-custom{background-color:#0F172A;color:#94A3B8;padding-top:4rem;padding-bottom:2rem;font-size:0.9rem}.footer-custom a{color:#CBD5E1;text-decoration:none;transition:var(--transition)}.footer-custom a:hover{color:#FFFFFF}.footer-brand{font-size:1.5rem;font-weight:800;color:#FFFFFF !important;margin-bottom:1rem;display:inline-block}@media (max-width:991.98px){.hero-section{text-align:center;padding-top:3rem;padding-bottom:3rem}.hero-img{margin-top:2rem}.section-title-wrap{margin-bottom:1.5rem}}