.faq-page{background:var(--bg-primary);min-height:100vh;padding-top:100px}.faq-hero{text-align:center;background:linear-gradient(180deg,var(--bg-tertiary)0%,var(--bg-primary)100%);padding:80px 0 0}.faq-hero h1{margin-bottom:16px;font-size:clamp(2.5rem,5.5vw,3.3rem)}.faq-hero h1 span{background:linear-gradient(135deg,var(--primary)0%,var(--accent)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.faq-hero p{color:var(--text-secondary);max-width:600px;margin:0 auto 40px;font-size:1.125rem}.faq-search-wrapper{align-items:center;max-width:600px;margin:0 auto;display:flex;position:relative}.faq-search-wrapper .search-icon{color:var(--text-muted);position:absolute;left:20px}.faq-search-wrapper input{background:#fff;border:1px solid #6366f126;border-radius:100px;width:100%;padding:18px 24px 18px 56px;font-size:1rem;transition:all .3s;box-shadow:0 4px 20px #6366f10d}.faq-search-wrapper input:focus{border-color:var(--primary);outline:none;box-shadow:0 8px 30px #6366f11f}.faq-content-section{padding:60px 0 100px}.faq-card{cursor:pointer;will-change:transform;background:#fff;border:1px solid #6366f114;border-radius:24px;flex-direction:column;height:100%;padding:32px;transition:transform .2s cubic-bezier(.4,0,.2,1),border-color .2s,box-shadow .2s;display:flex}.faq-card:hover{border-color:#6366f133;transform:translateY(-4px);box-shadow:0 12px 30px #6366f10d}.faq-card.open{border-color:var(--primary)}.faq-card-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.category-tag{text-transform:uppercase;letter-spacing:.05em;color:var(--primary);background:var(--bg-tertiary);border-radius:6px;margin-bottom:12px;padding:4px 10px;font-size:.7rem;font-weight:800;display:inline-block}.faq-question{color:var(--text-primary);margin:0;font-size:1.15rem;font-weight:700;line-height:1.4}.faq-chevron{color:var(--text-muted);flex-shrink:0;margin-top:4px;transition:transform .3s}.faq-chevron.rotate{color:var(--primary);transform:rotate(180deg)}.faq-answer-container{overflow:hidden}.faq-answer{color:var(--text-secondary);border-top:1px solid #6366f10f;margin-top:24px;padding-top:24px;font-size:1rem;line-height:1.7}.no-results{text-align:center;color:var(--text-muted);padding:80px 0}.no-results h3{color:var(--text-primary);margin-top:16px}.faq-cta-container{padding-bottom:100px}.cta-section{background:linear-gradient(135deg,var(--bg-tertiary)0%,#e0e7ff 100%);padding:var(--space-4xl)0;position:relative;overflow:hidden}.cta-content{z-index:1;position:relative}.cta-content h2{color:var(--text-primary);margin-bottom:1.25rem;font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:700}.cta-content p{color:var(--text-secondary);max-width:500px;margin-bottom:3rem;margin-left:auto;margin-right:auto;font-size:1.125rem}.cta-actions{gap:var(--space-md);flex-wrap:wrap;justify-content:center;display:flex}.category-shortcuts{flex-wrap:wrap;justify-content:center;gap:12px;max-width:800px;margin-top:32px;margin-left:auto;margin-right:auto;display:flex}.cat-btn{color:var(--text-secondary);cursor:pointer;background:#fff;border:1px solid #6366f11a;border-radius:100px;padding:8px 20px;font-size:.875rem;font-weight:600;transition:all .2s}.cat-btn:hover{border-color:var(--primary);color:var(--primary)}.cat-btn.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 4px 12px #6366f133}.faq-list{grid-template-columns:repeat(2,1fr);align-items:stretch;gap:24px;max-width:1100px;margin:0 auto;display:grid}@media (max-width:992px){.faq-list{grid-template-columns:1fr;max-width:700px}}.pagination-controls{border-top:1px solid #0000000d;justify-content:center;align-items:center;gap:24px;margin-top:64px;padding-top:40px;display:flex}.page-indicator{color:var(--text-secondary);font-size:.9375rem}.nav-btn{color:var(--text-primary);cursor:pointer;background:#fff;border:1px solid #6366f11a;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-weight:700;transition:all .2s;display:flex}.nav-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.nav-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:640px){.category-shortcuts{padding:0 20px}.cat-btn{padding:6px 16px;font-size:.8125rem}}
