.faq-item{border:1px solid #e5e7eb;border-radius:12px;margin-bottom:12px;overflow:hidden;transition:all .3s ease}.faq-item:hover{border-color:#93c5fd;box-shadow:0 4px 12px #3b82f61a}.faq-item.active{border-color:#3b82f6;box-shadow:0 4px 20px #3b82f626}.faq-question{padding:20px 24px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;background:#fff;transition:all .3s ease}.faq-question:hover{background:#eff6ff}.faq-item.active .faq-question{background:linear-gradient(135deg,#eff6ff,#e0f2fe);padding-bottom:24px}.faq-question h3{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0;flex:1;padding-right:16px}.faq-item.active .faq-question h3{color:#2563eb}.faq-icon{width:32px;height:32px;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1);flex-shrink:0}.faq-item.active .faq-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);transform:rotate(180deg)}.faq-icon i{color:#6b7280;font-size:12px;transition:all .3s ease}.faq-item.active .faq-icon i{color:#fff}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),padding .3s ease;background:#f9fafb}.faq-item.active .faq-answer{max-height:500px;padding:0 24px 24px}.faq-answer p{color:#4b5563;line-height:1.7;margin:0}.faq-answer ul{list-style:none;padding:0;margin:12px 0 0}.faq-answer li{padding:8px 0 8px 28px;position:relative;color:#4b5563;line-height:1.6}.faq-answer li:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:0;color:#3b82f6;font-size:12px;top:10px}.faq-answer a{color:#3b82f6;text-decoration:none;font-weight:500}.faq-answer a:hover{text-decoration:underline}.category-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;margin-bottom:12px}.category-badge.getting-started{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.category-badge.billing{background:linear-gradient(135deg,#cffafe,#a5f3fc);color:#0e7490}.category-badge.features{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534}.category-badge.technical{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.category-badge.account{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#3730a3}.search-box{position:relative;margin-bottom:24px}.search-box input{width:100%;padding:16px 20px 16px 52px;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;transition:all .3s ease;background:#fff}.search-box input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.search-box i{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:18px}