.faq-view{width:100%;max-width:72rem;margin:0 auto;position:relative}.faq-view__header{border-bottom:1px solid var(--app-border);flex-direction:column;gap:1.25rem;margin-bottom:1.5rem;padding-bottom:1.5rem;display:flex}@media (min-width:640px){.faq-view__header{flex-direction:row;justify-content:space-between;align-items:flex-end}}.faq-view__header-copy{flex-direction:column;gap:.35rem;display:flex}.faq-view__title{letter-spacing:-.025em;color:var(--app-text);font-size:1.625rem;font-weight:800;line-height:1.2}@media (min-width:640px){.faq-view__title{font-size:1.875rem}}.faq-view__subtitle{color:var(--app-text-secondary);max-width:42rem;font-size:.8125rem;line-height:1.5}.faq-view__search-wrap{width:100%}@media (min-width:640px){.faq-view__search-wrap{flex-shrink:0;width:20rem}}.faq-view__list{flex-direction:column;gap:.75rem;display:flex}.faq-view__card{border-radius:var(--app-radius-xl);border:1px solid var(--app-border);background:var(--app-bg-card);transition:border-color var(--app-motion-fast), box-shadow var(--app-motion-fast), background-color var(--app-motion-fast);overflow:hidden;box-shadow:0 1px 3px #00000008}.faq-view__card:hover{border-color:var(--app-accent-chip-border-hover);box-shadow:0 4px 14px -2px #0000000d}.faq-view__card--open{border-color:var(--app-accent-chip-border);background:color-mix(in srgb, var(--app-bg-card) 96%, var(--app-primary));box-shadow:0 4px 20px -4px color-mix(in srgb, var(--app-primary) 12%, transparent)}.faq-view__card-btn{text-align:left;-webkit-user-select:none;user-select:none;cursor:pointer;width:100%;transition:background-color var(--app-motion-fast);background:0 0;border:none;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.faq-view__card-btn:focus-visible{outline:2px solid var(--app-accent);outline-offset:-2px}.faq-view__card-header{flex:1;align-items:center;gap:.875rem;min-width:0;display:flex}.faq-view__icon-wrap{border-radius:var(--app-radius-lg);background:var(--app-accent-chip-bg);border:1px solid var(--app-accent-chip-border);width:2.25rem;height:2.25rem;color:var(--app-accent);transition:all var(--app-motion-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.faq-view__card--open .faq-view__icon-wrap{background:var(--app-accent-chip-bg-strong);border-color:var(--app-accent-chip-border-hover)}.faq-view__card-title{color:var(--app-text);margin:0;font-size:.875rem;font-weight:700;line-height:1.35}@media (min-width:640px){.faq-view__card-title{font-size:.9375rem}}.faq-view__chevron-wrap{background:var(--app-bg-hover);border:1px solid var(--app-border);width:1.875rem;height:1.875rem;color:var(--app-text-secondary);transition:transform var(--app-motion-normal), background-color var(--app-motion-fast), border-color var(--app-motion-fast), color var(--app-motion-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.faq-view__card-btn:hover .faq-view__chevron-wrap{color:var(--app-text);border-color:var(--app-accent-chip-border)}.faq-view__card--open .faq-view__chevron-wrap{background:var(--app-accent-chip-bg);border-color:var(--app-accent-chip-border);color:var(--app-accent);transform:rotate(180deg)}.faq-view__card-body{color:var(--app-text-secondary);border-top:1px solid color-mix(in srgb, var(--app-border) 60%, transparent);padding:.75rem 1.25rem 1.25rem 4.375rem;font-size:.8125rem;line-height:1.65}@media (max-width:640px){.faq-view__card-body{padding-left:1.25rem}}.faq-view__empty{text-align:center;border-radius:var(--app-radius-xl);border:1px dashed var(--app-border);flex-direction:column;align-items:center;gap:.5rem;padding:3rem 1.5rem;display:flex}.faq-view__empty-title{color:var(--app-text);font-size:.875rem;font-weight:700}.faq-view__empty-desc{color:var(--app-text-secondary);margin-bottom:.5rem;font-size:.8125rem}.faq-view__support-card{border-radius:var(--app-radius-2xl);border:1px solid var(--app-accent-chip-border);background:linear-gradient(135deg, color-mix(in srgb, var(--app-accent-chip-bg) 35%, var(--app-bg-card)) 0%, var(--app-bg-card) 100%);box-shadow:0 4px 20px -4px color-mix(in srgb, var(--app-primary) 12%, transparent);transition:border-color var(--app-motion-fast), box-shadow var(--app-motion-fast);margin-top:.75rem;padding:1.5rem;position:relative;overflow:hidden}@media (min-width:640px){.faq-view__support-card{padding:1.75rem 2rem}}.faq-view__support-card:hover{border-color:var(--app-accent-chip-border-hover);box-shadow:0 6px 24px -4px color-mix(in srgb, var(--app-primary) 18%, transparent)}.faq-view__support-inner{flex-direction:column;gap:1.25rem;display:flex}@media (min-width:640px){.faq-view__support-inner{flex-direction:row;justify-content:space-between;align-items:center}}.faq-view__support-copy{flex-direction:column;gap:.35rem;max-width:42rem;display:flex}.faq-view__support-title{color:var(--app-text);align-items:center;gap:.65rem;margin:0;font-size:.9375rem;font-weight:700;display:flex}@media (min-width:640px){.faq-view__support-title{font-size:1.0625rem}}.faq-view__support-icon-wrap{border-radius:var(--app-radius-lg);background:var(--app-accent-chip-bg);border:1px solid var(--app-accent-chip-border);width:2.25rem;height:2.25rem;color:var(--app-accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.faq-view__support-desc{color:var(--app-text-secondary);margin:0;font-size:.8125rem;line-height:1.6}.faq-view__support-btn{border-radius:var(--app-radius-pill);cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(180deg, var(--app-primary-grad-from) 0%, var(--app-primary-grad-to) 100%);color:#fff;box-shadow:inset 0 1px 0 #ffffff59, 0 4px 14px -2px var(--app-primary-glow);transition:transform var(--app-motion-fast), box-shadow var(--app-motion-fast), background var(--app-motion-fast);border:1px solid #fff3;flex-shrink:0;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;line-height:1.4;text-decoration:none;display:inline-flex}.faq-view__support-btn:hover{background:linear-gradient(180deg, var(--app-primary-grad-from-hover) 0%, var(--app-primary-grad-to-hover) 100%);box-shadow:inset 0 1px 0 #ffffff73, 0 6px 20px -2px var(--app-primary-glow-strong);color:#fff;transform:translateY(-1px)}.faq-view__support-btn:active{transform:scale(.97)}.faq-view__support-btn:focus-visible{outline:2px solid var(--app-accent);outline-offset:3px}