.stats-grid{display:grid;gap:1.25rem;grid-template-columns:1fr;margin-bottom:2rem}@media(min-width:780px){.stats-grid{grid-template-columns:repeat(3,1fr)}}
.hub-card,.stat-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.stat-card:hover,.hub-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 6px 18px rgba(20,35,24,.14)}
.stat-num{font-family:var(--font-display);font-size:2.6rem;line-height:1;color:var(--accent-strong)}
.stat-label{font-family:var(--font-meta);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.mono-label{font-family:var(--font-meta);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.tab-bar,.seg-bar{display:flex;flex-wrap:wrap;gap:.5rem;border-bottom:2px solid var(--border);margin-bottom:1.5rem}
.tab-btn{font-family:var(--font);font-weight:600;background:none;border:none;border-bottom:3px solid transparent;padding:.6rem .9rem;cursor:pointer;color:var(--text)}
.tab-btn.is-active{color:var(--accent-strong);border-bottom-color:var(--accent)}
.tab-panel{display:none}.tab-panel.is-active{display:block}
.seg-bar{border-bottom:none}
.seg-btn{font-family:var(--font);font-weight:600;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:.55rem 1.1rem;cursor:pointer;color:var(--text)}
.seg-btn.is-active{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.seg-panel{display:none}.seg-panel.is-active{display:block}
.sport-chips,.chip-row,.filter-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}
.sport-chip,.chip,.filter-chip{font-family:var(--font-meta);font-size:.78rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:999px;padding:.4rem 1rem;cursor:pointer;color:var(--text);transition:all .18s ease}
.sport-chip:hover,.chip:hover,.filter-chip:hover{border-color:var(--accent)}
.sport-chip.is-active,.chip.is-active,.filter-chip.is-active{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.is-hidden{display:none !important}
.card-grid{display:grid;gap:1.25rem;grid-template-columns:1fr;margin-bottom:2rem}@media(min-width:640px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:780px){.card-grid--3{grid-template-columns:repeat(3,1fr)}}
.article-card,.news-card,.sport-card,.promo-card,.feature-card,.info-card,.spec-card,.team-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1.4rem;box-shadow:var(--shadow);transition:transform .18s ease,box-shadow .18s ease}
.article-card:hover,.news-card:hover,.promo-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(20,35,24,.15)}
.card-tag{font-family:var(--font-meta);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-strong)}
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:2rem;border:1px solid var(--border);border-radius:var(--radius)}
.table-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.data-table{width:100%;border-collapse:collapse;min-width:520px;background:var(--bg-elevated)}
.data-table th,.data-table td{padding:.7rem .9rem;text-align:left;border-bottom:1px solid var(--border);font-size:.9rem}
.data-table th{font-family:var(--font-meta);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;background:var(--pitch);color:var(--text-light)}
.data-table tbody tr:hover{background:rgba(0,200,83,.06)}
.data-table td:first-child{position:sticky;left:0;background:var(--bg-elevated)}
.faq-item,.accordion-item,.checklist-item{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.75rem;background:var(--bg-elevated);overflow:hidden}
.faq-trigger,.accordion-trigger,.checklist-trigger{width:100%;text-align:left;background:none;border:none;padding:1rem 1.2rem;font-family:var(--font);font-weight:600;font-size:1rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;color:var(--text)}
.acc-icon{font-family:var(--font-meta);color:var(--accent-strong);transition:transform .18s ease}
.faq-body,.accordion-body,.checklist-body{display:none;padding:0 1.2rem 1.1rem;word-break:break-word;overflow-wrap:break-word}
.faq-item.is-open .faq-body,.accordion-item.is-open .accordion-body,.checklist-item.is-expanded .checklist-body{display:block}
.faq-item.is-open .faq-trigger .acc-icon,.accordion-item.is-open .accordion-trigger .acc-icon,.checklist-item.is-expanded .checklist-trigger .acc-icon{transform:rotate(45deg)}
.accordion-trigger .check-icon,.checklist-trigger .check-icon,.faq-trigger .check-icon{display:none}
.dense-list{list-style:none;padding:0;margin:0 0 1.5rem}
.dense-list li{display:block}
.dense-list li+li{border-top:1px solid var(--border);padding-top:1.5rem;margin-top:1.5rem}
.dense-list__marker{display:block;font-weight:600;color:var(--accent-strong);margin-bottom:.5rem}
.timeline{position:relative;padding-left:2rem;margin-bottom:2rem}
.timeline::before{content:"";position:absolute;left:.5rem;top:0;bottom:0;width:2px;background:var(--border)}
.timeline-item,.timeline-step{position:relative;padding:0 0 1.5rem 0}
.timeline-item::before,.timeline-step::before{content:"";position:absolute;left:-1.6rem;top:.25rem;width:14px;height:14px;border-radius:50%;background:var(--accent);border:2px solid var(--bg)}
.timeline-step.is-current::before{transform:scale(1.3);box-shadow:0 0 0 4px rgba(0,200,83,.25)}
.steps-rail{display:grid;gap:1.25rem;grid-template-columns:1fr;margin-bottom:2rem}@media(min-width:640px){.steps-rail{grid-template-columns:repeat(2,1fr)}}@media(min-width:780px){.steps-rail{grid-template-columns:repeat(4,1fr)}}
.step-item{position:relative;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem 1.2rem 1.2rem;box-shadow:var(--shadow);transition:transform .18s ease,border-color .18s ease;overflow:hidden}
.step-item::after{content:"";position:absolute;top:0;right:0;border-width:0 26px 26px 0;border-style:solid;border-color:transparent var(--accent) transparent transparent}
.step-item:hover{transform:translateY(-4px);border-color:var(--accent)}
.step-item.is-current{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}
.step-num{font-family:var(--font-display);font-size:2rem;color:var(--accent-strong);line-height:1}
.live-badge{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-meta);font-size:.72rem;text-transform:uppercase;color:#fff;background:#c0392b;padding:.25rem .6rem;border-radius:999px}
.live-dot{width:8px;height:8px;border-radius:50%;background:#fff;animation:pulse 1.4s infinite}
@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.4)}100%{opacity:1;transform:scale(1)}}
.fixture-row{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);margin-bottom:.6rem;transition:border-color .18s ease,box-shadow .18s ease}
.fixture-row:hover{border-color:var(--accent);box-shadow:0 0 0 2px rgba(0,200,83,.15)}
.fixture-time{font-family:var(--font-meta);color:var(--muted);font-size:.85rem}
.rank-row{display:grid;grid-template-columns:2rem 1fr auto;gap:.75rem;align-items:center;padding:.6rem .4rem;border-radius:var(--radius);transition:background .18s ease}
.rank-row:hover{background:rgba(0,200,83,.07)}
.rank-bar{height:10px;border-radius:999px;background:var(--border);overflow:hidden}
.rank-bar__fill{height:100%;background:var(--accent);width:0;animation:barfill 1s ease forwards}
@keyframes barfill{from{width:0}}
.counter-strip{display:grid;gap:1.25rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem}@media(min-width:780px){.counter-strip{grid-template-columns:repeat(4,1fr)}}
.counter-num{font-family:var(--font-display);font-size:2.8rem;color:var(--gold);line-height:1}
.calendar-grid{display:grid;gap:.6rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem}@media(min-width:640px){.calendar-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:780px){.calendar-grid{grid-template-columns:repeat(4,1fr)}}
.calendar-cell{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:.9rem;transition:background .18s ease,border-color .18s ease}
.calendar-cell:hover{background:rgba(0,200,83,.07);border-color:var(--accent)}
.calendar-date{font-family:var(--font-meta);font-size:.72rem;color:var(--accent-strong)}
.group-table{display:none}.group-table.is-active{display:block}
.team-card .team-roster{display:none;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}
.team-card.is-expanded .team-roster{display:block}
.team-expand-btn .chev{display:inline-block;transition:transform .18s ease}
.team-card.is-expanded .team-expand-btn .chev{transform:rotate(180deg)}
.search-box{display:flex;margin-bottom:1.5rem}
.search-box input{width:100%;max-width:340px;padding:.6rem .9rem;border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font);font-size:.95rem}
.search-box input:focus{outline:2px solid var(--accent);outline-offset:1px}
.group-select{padding:.6rem .9rem;border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font);background:var(--bg-elevated);margin-bottom:1.5rem;color:var(--text)}
.method-row{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem}@media(min-width:640px){.method-row{grid-template-columns:repeat(4,1fr)}}
.method-icon{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1.2rem;text-align:center;font-family:var(--font-meta);font-size:.8rem;transition:transform .18s ease,border-color .18s ease}
.method-icon:hover{transform:scale(1.05);border-color:var(--accent)}
.device-mockup{max-width:260px;margin:0 auto;border:8px solid var(--pitch);border-radius:28px;background:var(--bg-elevated);padding:1.2rem;box-shadow:var(--shadow);transition:box-shadow .18s ease}
.device-mockup:hover{box-shadow:0 12px 30px rgba(20,35,24,.25)}
.feature-item{display:flex;gap:.7rem;align-items:flex-start;padding:.7rem 0;border-bottom:1px solid var(--border)}
.check-icon{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}
.pullquote{font-family:var(--font-display);font-size:2rem;line-height:1.1;border-left:5px solid var(--accent);padding:1rem 0 1rem 1.5rem;position:relative;margin:0 0 2rem}
.toc-nav{font-family:var(--font-meta);font-size:.85rem}
.toc-link{display:block;padding:.35rem .6rem;color:var(--muted);text-decoration:none;border-left:2px solid transparent}
.toc-link.is-active{color:var(--accent-strong);border-left-color:var(--accent);font-weight:600}
.kyc-check{accent-color:var(--accent);width:18px;height:18px}
.checklist-row{display:flex;gap:.7rem;align-items:center;padding:.6rem .4rem;border-radius:var(--radius);transition:background .18s ease}
.checklist-row:hover{background:rgba(0,200,83,.06)}
.cookie-badge{font-family:var(--font-meta);font-size:.68rem;padding:.15rem .5rem;border-radius:999px;background:var(--gold);color:#000}
.cookie-badge--essential{background:var(--accent);color:var(--on-accent)}
.compare-col:hover{background:rgba(0,200,83,.07)}
.sidebar-cta{position:static}@media(min-width:880px){.sidebar-cta{position:sticky;top:80px}}
.banner-pulse{animation:bannerpulse 1.6s ease 1}
@keyframes bannerpulse{0%{box-shadow:0 0 0 0 rgba(0,200,83,.5)}100%{box-shadow:0 0 0 18px rgba(0,200,83,0)}}
@media(prefers-reduced-motion:reduce){.live-dot,.rank-bar__fill,.banner-pulse,.timeline-step.is-current::before{animation:none!important}}