.help-page{background: var(--white)}.help-container{max-width: 900px;margin: 0 auto;padding: 0 var(--space-lg);width: 100%}.help-hero{text-align: center;padding: var(--space-2xl) 0 var(--space-xl);background: var(--white)}.help-hero h1{font-size: 2.5rem;line-height: 1.15;color: var(--black);margin: 0 0 var(--space-sm);font-weight: 800}.help-hero p{font-size: 1.125rem;color: var(--gray);max-width: 620px;margin: 0 auto}.help-body{padding: var(--space-xl) 0 var(--space-2xl)}.help-tabs{display: inline-flex;gap: var(--space-xs);padding: 6px;margin: 0 auto var(--space-xl);background: var(--off-white);border: 1px solid var(--border);border-radius: var(--radius-full);width: auto}.help-body .help-container{text-align: center}.help-tab{appearance: none;border: none;background: transparent;color: var(--gray);font-size: 0.95rem;font-weight: 600;font-family: inherit;padding: 0.6rem 1.5rem;border-radius: var(--radius-full);cursor: pointer;transition: all 0.2s ease;white-space: nowrap}.help-tab:hover{color: var(--black)}.help-tab.active{background: var(--orange);color: var(--white);box-shadow: var(--shadow-sm)}.help-tab[data-role="coaches"].active{background: var(--purple)}.help-tab[data-role="clubs"].active{background: var(--dark-blue)}.help-panel{--help-accent: var(--orange)}#panel-coaches{--help-accent: var(--purple)}#panel-clubs{--help-accent: var(--dark-blue)}.help-panel{display: none;text-align: left}.help-panel.active{display: block;animation: helpFadeIn 0.3s ease}@keyframes helpFadeIn{from{opacity: 0;transform: translateY(6px)}to{opacity: 1;transform: translateY(0)}}.help-panel-title{font-size: 1.4rem;color: var(--black);font-weight: 700;margin: 0 0 var(--space-lg);text-align: center}.help-faq-list{display: flex;flex-direction: column;gap: var(--space-md)}.help-faq-item{background: var(--white);border: 1px solid var(--border);border-radius: var(--radius-md);overflow: hidden;transition: border-color 0.2s ease,box-shadow 0.2s ease}.help-faq-item:hover{border-color: var(--gray-lighter)}.help-faq-item.open{border-color: var(--help-accent);box-shadow: var(--shadow-sm)}.help-faq-q{width: 100%;display: flex;align-items: center;justify-content: space-between;gap: var(--space-md);text-align: left;appearance: none;background: transparent;border: none;cursor: pointer;padding: var(--space-lg);font-family: inherit;font-size: 1.02rem;font-weight: 600;color: var(--black);line-height: 1.4}.help-faq-q:hover{color: var(--help-accent)}.help-faq-icon{position: relative;flex: 0 0 auto;width: 20px;height: 20px}.help-faq-icon::before,.help-faq-icon::after{content: "";position: absolute;background: var(--help-accent);border-radius: 2px;transition: transform 0.25s ease,opacity 0.25s ease}.help-faq-icon::before{top: 9px;left: 2px;width: 16px;height: 2px}.help-faq-icon::after{top: 2px;left: 9px;width: 2px;height: 16px}.help-faq-item.open .help-faq-icon::after{transform: rotate(90deg);opacity: 0}.help-faq-a{display: grid;grid-template-rows: 0fr;transition: grid-template-rows 0.28s ease}.help-faq-item.open .help-faq-a{grid-template-rows: 1fr}.help-faq-a-inner{overflow: hidden}.help-faq-a-inner p{margin: 0;padding: 0 var(--space-lg) var(--space-lg);color: var(--gray-dark);font-size: 0.97rem;line-height: 1.65}.help-support{padding: 0 0 var(--space-2xl)}.help-support-box{background: var(--off-white);border: 1px solid var(--border);border-radius: var(--radius-lg);padding: var(--space-2xl) var(--space-xl);text-align: center}.help-support-box h2{font-size: 1.5rem;color: var(--black);font-weight: 700;margin: 0 0 var(--space-sm)}.help-support-box p{color: var(--gray);max-width: 520px;margin: 0 auto var(--space-lg);line-height: 1.6}.help-support-actions{display: flex;flex-wrap: wrap;gap: var(--space-md);justify-content: center}.help-btn{display: inline-block;padding: 0.75rem 1.75rem;border-radius: var(--radius-full);font-weight: 600;font-size: 0.95rem;text-decoration: none;transition: all 0.2s ease;border: 2px solid transparent}.help-btn-primary{background: var(--orange);color: var(--white)}.help-btn-primary:hover{filter: brightness(0.95);box-shadow: var(--shadow-md);transform: translateY(-1px)}.help-btn-secondary{background: var(--white);color: var(--orange);border-color: var(--border)}.help-btn-secondary:hover{border-color: var(--orange)}@media (max-width: 640px){.help-hero h1{font-size: 2rem}.help-hero p{font-size: 1rem}.help-tabs{display: flex;width: 100%;justify-content: stretch}.help-tab{flex: 1;padding: 0.6rem 0.5rem;font-size: 0.9rem}.help-faq-q{padding: var(--space-md);font-size: 0.98rem}.help-faq-a-inner p{padding: 0 var(--space-md) var(--space-md)}.help-support-actions{flex-direction: column}.help-btn{width: 100%}}