.sport-chips{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1.5rem}
.sport-chip{font-family:var(--font-meta);font-size:0.8rem;padding:0.45rem 1rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-elevated);backdrop-filter:blur(12px);color:var(--text);cursor:pointer;transition:background .2s,color .2s,transform .2s}
.sport-chip:hover{transform:translateY(-2px)}
.sport-chip.is-active{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.sport-card{background:var(--bg-elevated);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow);transition:transform .25s,box-shadow .25s}
.sport-card:hover{transform:translateY(-4px);box-shadow:0 12px 36px rgba(10,31,51,0.14)}
.tab-bar{display:flex;flex-wrap:wrap;gap:0.25rem;border-bottom:1px solid var(--border);margin-bottom:1.5rem}
.tab-btn{font-family:var(--font-display);font-weight:600;font-size:0.95rem;padding:0.7rem 1.1rem;background:none;border:none;border-bottom:3px solid transparent;color:var(--muted);cursor:pointer;transition:color .2s,border-color .2s}
.tab-btn:hover{color:var(--text)}
.tab-btn.is-active{color:var(--accent);border-bottom-color:var(--accent)}
.tab-panel{display:none}
.tab-panel.is-active{display:block;animation:fade .35s ease}
@keyframes fade{from{opacity:0}to{opacity:1}}
.seg-control{display:inline-flex;gap:0.25rem;padding:0.3rem;border-radius:999px;background:var(--bg-elevated);backdrop-filter:blur(12px);border:1px solid var(--border);margin-bottom:1.5rem}
.seg-btn{font-family:var(--font-meta);font-size:0.85rem;padding:0.5rem 1.2rem;border-radius:999px;border:none;background:none;color:var(--muted);cursor:pointer;transition:background .2s,color .2s}
.seg-btn.is-active{background:var(--accent);color:var(--on-accent)}
.seg-panel{display:none}
.seg-panel.is-active{display:block;animation:fade .35s ease}
.faq-list{display:flex;flex-direction:column;gap:0.75rem}
.faq-item{background:var(--bg-elevated);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}
.faq-trigger{width:100%;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.25rem;background:none;border:none;text-align:left;cursor:pointer;font-family:var(--font-display);font-weight:600;font-size:1rem;color:var(--text);transition:background .2s}
.faq-trigger:hover{background:rgba(255,92,77,0.06)}
.acc-icon{flex-shrink:0;font-size:1.3rem;color:var(--accent);transition:transform .25s}
.faq-item.is-open .faq-trigger .acc-icon{transform:rotate(45deg)}
.faq-body{display:none;padding:0 1.25rem 1.25rem;color:var(--muted);word-break:break-word;overflow-wrap:break-word}
.faq-item.is-open .faq-body{display:block}
.accordion{display:flex;flex-direction:column;gap:0.75rem}
.accordion-item{background:var(--bg-elevated);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}
.accordion-trigger{width:100%;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.25rem;background:none;border:none;text-align:left;cursor:pointer;font-family:var(--font-display);font-weight:600;color:var(--text)}
.accordion-trigger:hover{background:rgba(255,92,77,0.06)}
.accordion-trigger .acc-icon{transition:transform .25s}
.accordion-item.is-open .accordion-trigger .acc-icon{transform:rotate(45deg)}
.accordion-body{display:none;padding:0 1.25rem 1.25rem;color:var(--muted);word-break:break-word;overflow-wrap:break-word}
.accordion-item.is-open .accordion-body{display:block}
.checklist{display:flex;flex-direction:column;gap:0.75rem}
.checklist-item{background:var(--bg-elevated);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}
.checklist-trigger{width:100%;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;background:none;border:none;text-align:left;cursor:pointer;font-family:var(--font-display);font-weight:600;color:var(--text)}
.checklist-trigger:hover{background:rgba(255,92,77,0.06)}
.checklist-body{display:none;padding:0 1.25rem 1.25rem;color:var(--muted)}
.checklist-item.is-expanded .checklist-body{display:block}
.timeline{position:relative;padding-left:2rem;margin-bottom:2rem}
.timeline::before{content:"";position:absolute;left:7px;top:0;bottom:0;width:2px;background:var(--border)}
.timeline-item{position:relative;padding-bottom:1.75rem}
.timeline-item::before{content:"";position:absolute;left:-1.6rem;top:4px;width:14px;height:14px;border-radius:50%;background:var(--accent);border:3px solid var(--bg);transition:transform .2s}
.timeline-item:hover::before{transform:scale(1.25)}
.timeline-item h3{font-family:var(--font-display);margin-bottom:0.35rem}
.step-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:2rem}
.step-card{background:var(--bg-elevated);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow);transition:transform .25s,box-shadow .25s}
.step-card:hover{transform:translateY(-5px);box-shadow:0 14px 40px rgba(10,31,51,0.16)}
.step-num{font-family:var(--font-meta);font-size:0.8rem;color:var(--accent);font-weight:500}
.flip-card{height:300px;perspective:1000px;margin-bottom:2rem}
.flip-card__inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}
.flip-card:hover .flip-card__inner{transform:rotateY(180deg)}
.flip-card__front,.flip-card__back{position:absolute;inset:0;overflow-y:auto;backface-visibility:hidden;background:var(--bg-elevated);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}
.flip-card__back{transform:rotateY(180deg)}
.app-mockup{position:relative;width:200px;height:400px;margin:0 auto;border:10px solid var(--pitch);border-radius:32px;background:var(--bg-elevated);box-shadow:var(--shadow);transition:transform .3s}
.app-mockup:hover{transform:scale(1.03) rotate(-1deg)}
.app-mockup img{width:100%;height:100%;object-fit:cover;border-radius:22px}
.live-badge{display:inline-flex;align-items:center;gap:0.4rem;font-family:var(--font-meta);font-size:0.8rem;padding:0.3rem 0.8rem;border-radius:999px;background:var(--accent);color:var(--on-accent)}
.live-badge::before{content:"";width:8px;height:8px;border-radius:50%;background:#fff;animation:pulse 1.6s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,0.7)}70%{box-shadow:0 0 0 8px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
.feature-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:2rem}
.feature-card{background:var(--bg-elevated);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;transition:transform .25s}
.feature-card:hover{transform:scale(1.03)}
.stat-strip{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}
.stat-box{flex:1;min-width:120px;background:var(--bg-elevated);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem;text-align:center}
.stat-box .stat-num{font-family:var(--font-display);font-size:1.6rem;font-weight:700;color:var(--accent);display:block}
.stat-box .stat-label{font-family:var(--font-meta);font-size:0.75rem;color:var(--muted)}
.resource-card,.topic-card,.doc-card{display:block;background:var(--bg-elevated);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;text-decoration:none;color:var(--text);transition:transform .25s,box-shadow .25s,border-color .25s;margin-bottom:1rem}
.resource-card:hover,.doc-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--accent)}
.topic-card:hover{transform:translateX(6px);border-color:var(--accent)}
.comparison-card{background:var(--bg-elevated);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;transition:transform .3s,box-shadow .3s}
.comparison-card:hover{transform:perspective(800px) rotateX(2deg) translateY(-4px);box-shadow:0 16px 42px rgba(10,31,51,0.18)}
.vs-divider{display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;color:var(--accent);position:relative;padding:1rem}
.vs-divider::before,.vs-divider::after{content:"";flex:1;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}
.shimmer-btn{position:relative;overflow:hidden}
.shimmer-btn::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,0.5),transparent);animation:shimmer 2.8s infinite}
@keyframes shimmer{0%{left:-60%}60%,100%{left:120%}}
.dense-list{list-style:none;padding:0;margin:0}
.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);margin-bottom:0.5rem;font-family:var(--font-display)}
@media (prefers-reduced-motion:reduce){.live-badge::before,.shimmer-btn::after,.flip-card:hover .flip-card__inner{animation:none;transition:none}}