:root{--page-bg:#f8fafc;--surface:#ffffff;--surface-strong:#0f172a;--text-main:#1e293b;--text-muted:#64748b;--text-light:#f1f5f9;--accent-green:#006847;--accent-red:#da291c;--accent-blue:#002868;--accent-gold:#d4af37;--border:#e2e8f0;--card-shadow:0 4px 20px rgba(0,0,0,0.05);--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}body{background-color:var(--page-bg);color:var(--text-main);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.6}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-layout{display:grid;grid-template-columns:1fr;gap:2rem;padding:2rem 0}@media (min-width:1200px){.main-layout{grid-template-columns:280px 1fr}.sidebar-sticky{position:sticky;top:90px;height:calc(100vh - 120px);overflow-y:auto}}.navbar-custom{background-color:var(--surface-strong);box-shadow:0 2px 10px rgba(0,0,0,0.1);position:sticky;top:0;z-index:1030}.navbar-brand-img{height:40px;object-fit:contain}.nav-link-custom{color:var(--text-light) !important;font-weight:500;transition:var(--transition)}.nav-link-custom:hover,.nav-link-custom.active{color:var(--accent-gold) !important}.anchor-nav .nav-link{color:var(--text-muted);border-left:3px solid transparent;padding:0.6rem 1rem;transition:var(--transition);font-weight:500}.anchor-nav .nav-link:hover,.anchor-nav .nav-link.active{color:var(--accent-green);background-color:rgba(0,104,71,0.05);border-left-color:var(--accent-green)}.hero-section{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-radius:12px;color:var(--text-light);padding:3rem 2rem;position:relative;overflow:hidden;box-shadow:var(--card-shadow)}.hero-section::after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 80% 20%,rgba(212,175,55,0.15) 0%,transparent 50%);pointer-events:none}.hero-img{max-width:100%;height:auto;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,0.3);object-fit:cover}.content-card{background-color:var(--surface);border:1px solid var(--border);border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:var(--card-shadow);transition:var(--transition)}.content-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,0,0,0.08)}.card-title-border{border-left:5px solid var(--accent-green);padding-left:10px;margin-bottom:1.5rem;font-weight:700;color:var(--surface-strong)}.match-badge{font-size:0.75rem;padding:0.25rem 0.5rem;border-radius:4px;font-weight:bold}.match-live{background-color:#ef4444;color:white}.match-upcoming{background-color:#3b82f6;color:white}.match-finished{background-color:#64748b;color:white}.group-table{background-color:var(--surface);border-radius:8px;overflow:hidden}.group-header{background:linear-gradient(90deg,var(--accent-blue) 0%,#1e40af 100%);color:white;padding:0.75rem 1rem;font-weight:bold}.news-item{border-bottom:1px solid var(--border);padding-bottom:1.25rem;margin-bottom:1.25rem}.news-item:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.news-title{font-size:1.1rem;font-weight:600;color:var(--surface-strong);transition:var(--transition)}.news-title:hover{color:var(--accent-red)}.faq-question{background-color:#f1f5f9;color:var(--surface-strong);font-weight:600;border:none;border-radius:8px;padding:1rem 1.25rem;width:100%;text-align:left;display:flex;justify-content:space-between;align-items:center;transition:var(--transition)}.faq-question:not(.collapsed){background-color:rgba(0,104,71,0.1);color:var(--accent-green)}.faq-answer{padding:1rem 1.25rem;background-color:var(--surface);border-left:3px solid var(--accent-green)}.city-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.city-card{border:1px solid var(--border);border-radius:10px;padding:1.25rem;background:linear-gradient(180deg,var(--surface) 0%,#f8fafc 100%)}@media (max-width:991.98px){.hero-section{padding:2rem 1.25rem}}