.faq-categories{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:2rem;justify-content:center}.category-btn{padding:10px 20px;border:2px solid #e5e7eb;background:#fff;color:#6b7280;border-radius:25px;font-weight:500;transition:all .3s ease;cursor:pointer;font-size:14px}.category-btn:hover{border-color:#3b82f6;color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626}.category-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f64d}.faq-item{background:#fff;border-radius:12px;margin-bottom:16px;box-shadow:0 2px 8px #0000000f;border:1px solid #f3f4f6;transition:all .3s ease;overflow:hidden}.faq-item:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.faq-header{padding:20px 24px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;background:#fff;border:none;width:100%;text-align:left;transition:all .3s ease}.faq-header:hover{background:#f8fafc}.faq-question{font-weight:600;color:#1f2937;font-size:16px;line-height:1.5;margin:0;flex:1}.faq-icon{width:24px;height:24px;position:relative;margin-left:16px;flex-shrink:0}.faq-icon:before,.faq-icon:after{content:"";position:absolute;background:#6b7280;transition:all .3s ease}.faq-icon:before{width:2px;height:12px;top:6px;left:11px}.faq-icon:after{width:12px;height:2px;top:11px;left:6px}.faq-item.active .faq-icon:before{transform:rotate(90deg);opacity:0}.faq-item.active .faq-icon:after{background:#3b82f6}.faq-content{max-height:0;overflow:hidden;transition:max-height .3s ease;background:#f8fafc}.faq-item.active .faq-content{max-height:500px}.faq-answer{padding:0 24px 24px;color:#4b5563;line-height:1.6}.faq-answer .ql-editor{padding:0}.faq-answer .ql-editor p{margin-bottom:12px}.faq-answer .ql-editor p:last-child{margin-bottom:0}.no-faqs{text-align:center;padding:60px 20px;color:#6b7280}.no-faqs-icon{font-size:48px;margin-bottom:16px;opacity:.5}.faq-category{display:none}.faq-category.show{display:block}@media (max-width: 768px){.faq-categories{gap:8px}.category-btn{padding:8px 16px;font-size:13px}.faq-header{padding:16px 20px}.faq-question{font-size:15px}.faq-answer{padding:0 20px 20px}}