.faq-page{display:flex;flex-direction:column}.faq-header{padding-block:var(--spacing-16);background:linear-gradient(135deg,transparent 0%,color-mix(in srgb,var(--color-primary-500) 6%,transparent) 50%,transparent 100%)}.dark .faq-header{background:linear-gradient(135deg,transparent 0%,color-mix(in srgb,var(--color-primary-500) 10%,transparent) 50%,transparent 100%)}.faq-header__content{text-align:center;max-width:640px;margin:0 auto}.faq-header__title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-4)}.faq-header__subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--spacing-8)}.faq-search{position:relative;max-width:480px;margin:0 auto}.faq-search__icon{position:absolute;left:var(--spacing-3);top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--color-text-muted);pointer-events:none}.faq-search__input{width:100%;padding:var(--spacing-3) var(--spacing-3) var(--spacing-3) calc(var(--spacing-3) + 28px);border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-sm);transition:border-color var(--transition-fast)}.faq-search__input:focus{outline:none;border-color:var(--color-sovereign-500);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary-600) 10%,transparent)}.dark .faq-search__input:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary-400) 15%,transparent)}.faq-search__input::placeholder{color:var(--color-text-muted)}.faq-content{padding-block:var(--spacing-12)}.faq-categories{display:flex;gap:var(--spacing-2);justify-content:center;margin-bottom:var(--spacing-8);flex-wrap:wrap}.faq-category{padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--radius-full);background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.faq-category:hover{border-color:var(--color-sovereign-400);color:var(--color-sovereign-600)}.faq-category--active{background-color:var(--color-sovereign-600);border-color:var(--color-sovereign-600);color:var(--color-on-primary)}.faq-category--active:hover{background-color:var(--color-sovereign-700);border-color:var(--color-sovereign-700);color:var(--color-on-primary)}.faq-list{max-width:720px;margin:0 auto}.faq-empty{text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-sm);padding:var(--spacing-8) 0}.faq-empty a{color:var(--color-sovereign-600);text-decoration:underline;text-underline-offset:2px}.faq-item{border-bottom:1px solid var(--color-border)}.faq-item__trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);width:100%;padding:var(--spacing-4) 0;border:none;background:transparent;cursor:pointer;text-align:left;color:var(--color-text-primary);transition:color var(--transition-fast)}.faq-item__trigger:hover{color:var(--color-sovereign-600)}.faq-item__trigger:focus-visible{outline:2px solid var(--color-sovereign-500);outline-offset:2px;border-radius:var(--radius-sm)}.faq-item__question{font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.faq-item__chevron{width:20px;height:20px;flex-shrink:0;color:var(--color-text-muted);transition:transform var(--transition-base)}.faq-item--open .faq-item__chevron{transform:rotate(180deg)}.faq-item__content{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--transition-base)}.faq-item--open .faq-item__content{grid-template-rows:1fr}.faq-item__answer{overflow:hidden;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.7;margin:0;padding-bottom:0;transition:padding var(--transition-base)}.faq-item--open .faq-item__answer{padding-bottom:var(--spacing-4)}@media(max-width:768px){.faq-header{padding-block:var(--spacing-10)}.faq-header__title{font-size:var(--font-size-3xl)}.faq-content{padding-block:var(--spacing-8)}}
