:root{--bg-primary:#0a1128;--bg-secondary:#101f42;--bg-light:#f4f6f9;--text-light:#ffffff;--text-dark:#1e293b;--text-muted:#64748b;--primary:#00cf7a;--secondary:#ff3c5f;--accent:#1d4ed8;--border-color:#e2e8f0;--border-dark:#1e293b;--card-radius:12px}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background-color:var(--bg-light);color:var(--text-dark);overflow-x:hidden;line-height:1.6}.navbar-custom{background-color:var(--bg-primary);border-bottom:2px solid var(--primary);padding:0.8rem 1rem}.navbar-brand img{max-height:45px;object-fit:contain}.navbar-brand span{color:var(--text-light);font-weight:700;margin-left:10px;font-size:1.25rem;letter-spacing:0.5px}.nav-link-custom{color:rgba(255,255,255,0.85) !important;font-weight:500;margin:0 0.5rem;transition:color 0.3s}.nav-link-custom:hover{color:var(--primary) !important}.hero-section{background:linear-gradient(135deg,var(--bg-primary) 40%,var(--bg-secondary) 100%);color:var(--text-light);padding:5rem 0;position:relative;overflow:hidden}.hero-section::after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 80% 20%,rgba(0,207,122,0.15) 0%,transparent 50%);pointer-events:none}.hero-badge{background:rgba(0,207,122,0.15);color:var(--primary);border:1px solid var(--primary);padding:0.4rem 1rem;border-radius:50px;font-size:0.85rem;font-weight:600;display:inline-block;margin-bottom:1.5rem}.hero-title{font-size:2.5rem;font-weight:800;line-height:1.25;margin-bottom:1.5rem}.hero-desc{font-size:1.1rem;color:rgba(255,255,255,0.8);margin-bottom:2rem}.hero-img{border-radius:var(--card-radius);box-shadow:0 10px 30px rgba(0,0,0,0.5);max-width:100%;height:auto}.section-header{margin-bottom:3rem;position:relative}.section-tag{color:var(--accent);text-transform:uppercase;font-weight:700;font-size:0.85rem;letter-spacing:1.5px;display:block;margin-bottom:0.5rem}.section-title{font-weight:800;color:var(--text-dark);font-size:2rem;position:relative;display:inline-block}.section-title::after{content:'';display:block;width:50px;height:4px;background-color:var(--primary);margin-top:0.75rem;border-radius:2px}.match-card{background:#fff;border-radius:var(--card-radius);border:1px solid var(--border-color);padding:1.5rem;transition:transform 0.3s,box-shadow 0.3s;margin-bottom:1rem}.match-card:hover{transform:translateY(-4px);box-shadow:0 10px 20px rgba(0,0,0,0.05)}.match-meta{font-size:0.8rem;color:var(--text-muted);margin-bottom:1rem;display:flex;justify-content:space-between}.match-status{padding:0.2rem 0.6rem;border-radius:50px;font-weight:600;font-size:0.75rem}.status-upcoming{background-color:#e2e8f0;color:var(--text-dark)}.status-live{background-color:rgba(255,60,95,0.1);color:var(--secondary);animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:0.6}100%{opacity:1}}.match-team{display:flex;align-items:center;justify-content:space-between;margin:0.5rem 0}.team-name{font-weight:700;font-size:1.05rem}.team-flag-dot{width:12px;height:12px;border-radius:50%;display:inline-block;margin-right:8px}.score-box{font-size:1.25rem;font-weight:800;color:var(--text-dark)}.group-table-card{background:#fff;border-radius:var(--card-radius);border:1px solid var(--border-color);overflow:hidden;margin-bottom:1.5rem}.group-header{background:var(--bg-primary);color:var(--text-light);padding:1rem;font-weight:700;font-size:1.1rem;display:flex;justify-content:space-between;align-items:center}.group-table{margin-bottom:0;font-size:0.9rem}.group-table th{font-weight:600;color:var(--text-muted);background-color:#f8fafc;border-bottom:1px solid var(--border-color)}.group-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9}.team-card{background:#fff;border-radius:var(--card-radius);border:1px solid var(--border-color);overflow:hidden;transition:all 0.3s ease}.team-card:hover{transform:translateY(-5px);box-shadow:0 12px 24px rgba(0,0,0,0.08)}.team-card-banner{height:8px;background:linear-gradient(90deg,var(--accent) 0%,var(--primary) 100%)}.team-card-body{padding:1.5rem}.team-card-title{font-size:1.2rem;font-weight:700;margin-bottom:0.5rem}.team-meta-info{font-size:0.85rem;color:var(--text-muted);margin-bottom:0.8rem}.city-card{background:var(--bg-primary);color:var(--text-light);border-radius:var(--card-radius);padding:1.5rem;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,0.05);min-height:180px;display:flex;flex-direction:column;justify-content:space-between}.city-card::before{content:'';position:absolute;width:150px;height:150px;background:radial-gradient(circle,rgba(0,207,122,0.1) 0%,transparent 70%);top:-50px;right:-50px;border-radius:50%}.city-country-badge{align-self:flex-start;font-size:0.75rem;font-weight:700;background:rgba(255,255,255,0.1);padding:0.25rem 0.6rem;border-radius:4px;letter-spacing:0.5px}.city-name{font-size:1.4rem;font-weight:800;margin-top:auto;margin-bottom:0.3rem}.stadium-name{font-size:0.85rem;color:rgba(255,255,255,0.7)}.news-card{background:#fff;border-radius:var(--card-radius);border:1px solid var(--border-color);overflow:hidden;display:flex;flex-direction:column;height:100%;transition:all 0.3s}.news-card:hover{box-shadow:0 10px 20px rgba(0,0,0,0.05)}.news-body{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}.news-date{font-size:0.8rem;color:var(--text-muted);margin-bottom:0.5rem}.news-title{font-size:1.1rem;font-weight:700;margin-bottom:0.8rem;line-height:1.4}.news-excerpt{font-size:0.9rem;color:var(--text-muted);margin-bottom:1.5rem}.guide-section{background-color:var(--bg-primary);color:var(--text-light);padding:5rem 0}.guide-card{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:var(--card-radius);padding:2rem;height:100%}.guide-icon{font-size:2.5rem;color:var(--primary);margin-bottom:1.2rem}.guide-title{font-size:1.25rem;font-weight:700;margin-bottom:0.8rem}.guide-text{color:rgba(255,255,255,0.75);font-size:0.95rem;margin-bottom:0}.data-list-group .list-group-item{background:#fff;border:1px solid var(--border-color);margin-bottom:0.5rem;border-radius:8px !important;display:flex;justify-content:space-between;align-items:center;padding:1rem}.data-rank-num{width:24px;height:24px;background-color:#f1f5f9;color:var(--text-dark);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.8rem;font-weight:700;margin-right:12px}.rank-top-1{background-color:#fef08a;color:#854d0e}.rank-top-2{background-color:#e2e8f0;color:#475569}.rank-top-3{background-color:#ffedd5;color:#c2410c}.faq-accordion .accordion-item{border:1px solid var(--border-color);border-radius:var(--card-radius) !important;margin-bottom:1rem;overflow:hidden}.faq-accordion .accordion-button{font-weight:700;color:var(--text-dark);background-color:#fff;box-shadow:none !important}.faq-accordion .accordion-button:not(.collapsed){background-color:rgba(0,207,122,0.05);color:var(--accent)}.about-box{background-color:#fff;border-radius:var(--card-radius);border-left:5px solid var(--accent);padding:2rem;box-shadow:0 4px 12px rgba(0,0,0,0.02)}.footer-custom{background-color:var(--bg-primary);color:rgba(255,255,255,0.75);padding:4rem 0 2rem 0;border-top:3px solid var(--accent)}.footer-logo-title{color:var(--text-light);font-weight:700;font-size:1.4rem;margin-bottom:1.2rem}.footer-links-title{color:var(--text-light);font-weight:600;font-size:1rem;margin-bottom:1.2rem}.footer-link{color:rgba(255,255,255,0.7);text-decoration:none;transition:color 0.2s;display:inline-block;margin-bottom:0.5rem}.footer-link:hover{color:var(--primary)}.footer-divider{border-top:1px solid rgba(255,255,255,0.1);margin:2rem 0}