.accordion{display:flex;flex-direction:column;gap:var(--space-3)}.accordion-item{border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);overflow:hidden}.accordion-item:hover{border-color:var(--color-border-hover)}.accordion-item--open{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.accordion-header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);text-align:left;background:transparent;cursor:pointer;transition:background-color var(--transition-fast)}.accordion-header:hover{background-color:var(--color-surface-hover)}.accordion-header:focus{outline:2px solid var(--color-primary);outline-offset:-2px}.accordion-question{flex:1;font-size:var(--text-base);font-weight:500;color:var(--color-text-primary);line-height:var(--leading-normal);display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.accordion-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wide);background-color:var(--color-secondary-light);color:var(--color-primary);border-radius:var(--radius-full)}.accordion-icon{flex-shrink:0;color:var(--color-text-secondary);transition:transform var(--transition-normal),color var(--transition-fast)}.accordion-icon--open{transform:rotate(180deg);color:var(--color-primary)}.accordion-content{max-height:0;overflow:hidden;transition:max-height var(--transition-normal)}.accordion-content--open{max-height:1000px}.accordion-answer{padding:0 var(--space-4) var(--space-4) var(--space-4);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}@media(max-width:767px){.accordion-header{padding:var(--space-3)}.accordion-question{font-size:var(--text-sm)}.accordion-answer{padding:0 var(--space-3) var(--space-3) var(--space-3);font-size:var(--text-sm)}.accordion-icon{width:18px;height:18px}}@media(hover:none)and (pointer:coarse){.accordion-header{min-height:48px}}.help-page{min-height:100vh;background-color:var(--color-background)}.help-container{max-width:1280px;margin:0 auto;padding:var(--space-8) var(--space-4);display:grid;grid-template-columns:250px 1fr;gap:var(--space-8);align-items:start}.help-nav{position:sticky;top:var(--space-8);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.help-nav__title{font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-tertiary);margin-bottom:var(--space-4)}.help-nav__list{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.help-nav__link{display:block;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);border-radius:var(--radius-md);transition:background-color var(--transition-fast),color var(--transition-fast)}.help-nav__link:hover{background-color:var(--color-surface-hover);color:var(--color-primary)}.help-nav__link:focus{outline:2px solid var(--color-primary);outline-offset:2px}.help-content{display:flex;flex-direction:column;gap:var(--space-12)}.help-category{scroll-margin-top:var(--space-8)}.help-category__title{font-size:var(--text-2xl);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-6);padding-bottom:var(--space-3);border-bottom:2px solid var(--color-divider)}.help-contact{margin-top:var(--space-8);padding:var(--space-8);background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-surface-hover) 100%);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center}.help-contact__icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background-color:var(--color-secondary-light);color:var(--color-primary);border-radius:var(--radius-full);margin-bottom:var(--space-4)}.help-contact__title{font-size:var(--text-2xl);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-3)}.help-contact__description{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-6);max-width:500px;margin-left:auto;margin-right:auto}.help-contact__actions{display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.help-contact__button{display:inline-flex;align-items:center;justify-content:center;padding:0 var(--space-6);height:3rem;background-color:var(--color-primary);color:var(--color-text-inverse);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-full);box-shadow:var(--shadow-md);transition:all var(--transition-normal)}.help-contact__button:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.help-contact__button:active{transform:translateY(0)}.help-contact__email{display:inline-flex;align-items:center;padding:0 var(--space-4);height:3rem;font-size:var(--text-sm);font-weight:500;color:var(--color-primary);border:1px solid var(--color-border);border-radius:var(--radius-full);background-color:var(--color-surface);transition:all var(--transition-fast)}.help-contact__email:hover{background-color:var(--color-surface-hover);border-color:var(--color-primary)}@media(max-width:1023px){.help-container{grid-template-columns:1fr;gap:var(--space-6)}.help-nav{position:static;padding:var(--space-4)}.help-nav__title{font-size:var(--text-xs)}.help-nav__list{flex-direction:row;flex-wrap:wrap;gap:var(--space-2)}.help-nav__link{padding:var(--space-2);font-size:var(--text-xs)}}@media(max-width:767px){.help-container{padding:var(--space-6) var(--space-4);gap:var(--space-6)}.help-content{gap:var(--space-8)}.help-category__title{font-size:var(--text-xl);margin-bottom:var(--space-4)}.help-contact{padding:var(--space-6)}.help-contact__icon{width:48px;height:48px}.help-contact__title{font-size:var(--text-xl)}.help-contact__description{font-size:var(--text-sm)}.help-contact__actions{flex-direction:column;width:100%}.help-contact__button,.help-contact__email{width:100%}}
