.faq-page{max-width:800px;margin:0 auto;padding:20px}.faq-page .breadcrumb{color:var(--color-text-tertiary);align-items:center;gap:8px;margin-bottom:24px;font-size:14px;display:flex}.faq-page .breadcrumb a{color:var(--color-accent);text-decoration:none}.faq-page .breadcrumb a:hover{text-decoration:underline}.faq-page .breadcrumb .separator{color:var(--color-text-tertiary)}.faq-page .breadcrumb .current{color:var(--color-text-primary);font-weight:500}.faq-header{text-align:center;background:linear-gradient(135deg,var(--color-dawn)0%,var(--color-day)100%);border-radius:var(--radius-lg);color:#09090b;margin-bottom:40px;padding:40px 20px}.faq-header h1{margin:0 0 12px;font-size:36px;font-weight:700}.faq-header p{opacity:.8;margin:0;font-size:18px}.faq-search{margin-bottom:24px;position:relative}.faq-search input{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-solid);width:100%;color:var(--color-text-primary);transition:border-color var(--transition-fast);padding:16px 20px 16px 50px;font-size:16px}.faq-search input::placeholder{color:var(--color-text-tertiary)}.faq-search input:focus{border-color:var(--color-day);outline:none}.faq-search svg{color:var(--color-text-tertiary);position:absolute;top:50%;left:18px;transform:translateY(-50%)}.category-filter{flex-wrap:wrap;gap:8px;margin-bottom:32px;display:flex}.category-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:10px 18px;font-size:14px;font-weight:500}.category-btn:hover{border-color:var(--color-day);color:var(--color-day)}.category-btn.active{background:linear-gradient(135deg,var(--color-dawn),var(--color-day));color:#09090b;border-color:#0000}.faq-list{flex-direction:column;gap:12px;margin-bottom:48px;display:flex}.faq-item{background:var(--color-surface);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast);overflow:hidden}.faq-item[open]{border-color:var(--color-day)}.faq-item summary{color:var(--color-text-primary);cursor:pointer;justify-content:space-between;align-items:center;padding:20px;font-size:16px;font-weight:600;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--color-text-tertiary);transition:transform var(--transition-fast);font-size:24px;font-weight:400}.faq-item[open] summary:after{content:"−";color:var(--color-day)}.faq-item summary:hover{color:var(--color-day)}.faq-answer{border-top:1px solid var(--color-border);margin-top:-1px;padding:20px}.faq-answer p{color:var(--color-text-secondary);margin:0 0 16px;line-height:1.7}.faq-answer p:last-child{margin-bottom:0}.faq-tags{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.faq-tags .tag{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-tertiary);padding:4px 10px;font-size:12px}.no-results{text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:40px 20px}.no-results p{color:var(--color-text-secondary);margin:0 0 16px}.no-results button{background:linear-gradient(135deg,var(--color-dawn),var(--color-day));color:#09090b;border-radius:var(--radius-sm);cursor:pointer;transition:transform var(--transition-fast);border:none;padding:10px 20px;font-size:14px;font-weight:500}.no-results button:hover{transform:translateY(-2px)}.quick-links{background:var(--color-surface);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:32px;padding:32px}.quick-links h2{color:var(--color-text-primary);margin:0 0 20px;font-size:20px}.links-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.links-grid a{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-day);text-align:center;transition:all var(--transition-fast);padding:12px 16px;font-weight:500;text-decoration:none}.links-grid a:hover{background:linear-gradient(135deg,var(--color-dawn),var(--color-day));color:#09090b;border-color:#0000;transform:translateY(-2px)}.cta-section{text-align:center;background:linear-gradient(135deg,var(--color-dusk)0%,var(--color-night)100%);border-radius:var(--radius-lg);color:#fff;margin-bottom:32px;padding:40px 32px}.cta-section h2{margin:0 0 12px;font-size:24px}.cta-section p{opacity:.9;margin:0 0 24px}.cta-btn{color:var(--color-night);border-radius:var(--radius-md);transition:transform var(--transition-fast);background:#fff;padding:14px 32px;font-size:16px;font-weight:600;text-decoration:none;display:inline-block}.cta-btn:hover{transform:scale(1.05)}.still-stuck{text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:48px;padding:32px}.still-stuck h2{color:var(--color-text-primary);margin:0 0 8px;font-size:20px;font-weight:600}.still-stuck p{color:var(--color-text-secondary);margin:0 0 20px;font-size:14px}.stuck-links{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.stuck-btn{border-radius:var(--radius-md);transition:all var(--transition-normal);align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.stuck-btn:not(.stuck-btn--secondary){background:var(--color-accent);color:#fff}.stuck-btn:not(.stuck-btn--secondary):hover{background:var(--color-accent-light);transform:translateY(-2px)}.stuck-btn--secondary{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.stuck-btn--secondary:hover{border-color:var(--color-accent);color:var(--color-accent-light);transform:translateY(-2px)}@media (max-width:600px){.faq-page{padding:16px}.faq-header{padding:24px 16px}.faq-header h1{font-size:28px}.faq-header p{font-size:16px}.category-filter{justify-content:center}.faq-item summary{padding:16px;font-size:15px}.quick-links,.cta-section{padding:24px}}
