.faq-hero{position:relative;padding:calc(var(--header-height) + var(--space-3xl)) 0 var(--space-3xl);text-align:center;overflow:hidden}.faq-hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.faq-hero .section-label{margin-bottom:var(--space-md)}.faq-hero-title{margin-bottom:var(--space-lg)}.faq-hero-description{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-2xl)}.faq-search{max-width:500px;margin:0 auto}.faq-categories-section{padding:var(--space-xl) 0}.faq-categories{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-sm)}.faq-category-btn{display:flex;align-items:center;gap:var(--space-sm);padding:12px 24px;font-family:inherit;font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-normal) var(--ease-out-expo)}.faq-category-btn svg{width:18px;height:18px}.faq-category-btn:hover{color:var(--text-primary);border-color:var(--magenta)}.faq-category-btn.active{background:var(--gradient-primary);color:var(--white);border-color:transparent}.faq-content-section{padding:var(--space-3xl) 0}.faq-content-grid{display:grid;grid-template-columns:280px 1fr;gap:var(--space-3xl)}.faq-sidebar{position:sticky;top:calc(var(--header-height) + var(--space-xl));height:fit-content}.faq-nav{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:var(--space-lg)}.faq-nav-title{font-size:var(--text-sm);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-md)}.faq-nav-list{list-style:none}.faq-nav-link{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);margin-bottom:4px;font-size:var(--text-sm);color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-in-out)}.faq-nav-link:hover{color:var(--text-primary);background:var(--glass-bg)}.faq-nav-link.active{color:var(--magenta);background:#c24d9c1a}.faq-nav-link svg{width:16px;height:16px}.faq-main{max-width:800px}.faq-section{margin-bottom:var(--space-3xl)}.faq-section:last-child{margin-bottom:0}.faq-section-title{display:flex;align-items:center;gap:var(--space-md);font-size:var(--text-2xl);margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:1px solid var(--divider)}.faq-section-title svg{width:28px;height:28px;color:var(--magenta)}.faq-accordion{display:flex;flex-direction:column;gap:var(--space-md)}.faq-item{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);overflow:hidden;transition:border-color var(--duration-fast) var(--ease-in-out)}.faq-item:hover{border-color:#c24d9c4d}.faq-item.active{border-color:var(--magenta)}.faq-question{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);width:100%;padding:var(--space-lg) var(--space-xl);font-family:inherit;font-size:var(--text-base);font-weight:500;color:var(--text-primary);text-align:left;background:none;border:none;cursor:pointer;transition:color var(--duration-fast) var(--ease-in-out)}html[dir=rtl] .faq-question{text-align:right}.faq-question:hover{color:var(--magenta)}.faq-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--glass-bg);border-radius:var(--radius-md);flex-shrink:0;transition:all var(--duration-normal) var(--ease-out-expo)}.faq-icon svg{width:14px;height:14px;color:var(--magenta);transition:transform var(--duration-normal) var(--ease-out-expo)}.faq-item.active .faq-icon{background:var(--gradient-primary)}.faq-item.active .faq-icon svg{color:var(--white);transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height var(--duration-normal) var(--ease-out-expo)}.faq-item.active .faq-answer{max-height:500px}.faq-answer-content{padding:0 var(--space-xl) var(--space-xl);font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed)}.faq-answer-content p{margin-bottom:var(--space-md)}.faq-answer-content p:last-child{margin-bottom:0}.faq-answer-content ul{margin:var(--space-md) 0;padding-left:var(--space-xl)}html[dir=rtl] .faq-answer-content ul{padding-left:0;padding-right:var(--space-xl)}.faq-answer-content li{margin-bottom:var(--space-xs)}.faq-contact-section{padding:var(--space-4xl) 0;background:var(--bg-secondary)}.faq-contact-box{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:center;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-3xl);padding:var(--space-3xl)}.faq-contact-content h2{margin-bottom:var(--space-md)}.faq-contact-content p{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-xl)}.faq-contact-methods{display:flex;flex-direction:column;gap:var(--space-md)}.faq-contact-method{display:flex;align-items:center;gap:var(--space-md)}.faq-contact-method-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.faq-contact-method-icon svg{width:22px;height:22px;color:var(--magenta)}.faq-contact-method-text h4{font-size:var(--text-base);font-weight:600;margin-bottom:2px}.faq-contact-method-text p{font-size:var(--text-sm);color:var(--text-muted);margin:0}.faq-contact-method-text a{color:var(--magenta);text-decoration:none}.faq-contact-image{display:flex;justify-content:center;align-items:center}.faq-contact-image img{max-width:100%;border-radius:var(--radius-2xl)}@media (max-width: 1024px){.faq-content-grid{grid-template-columns:1fr}.faq-sidebar{position:static}.faq-nav{display:flex;flex-wrap:wrap;gap:var(--space-sm);padding:var(--space-md)}.faq-nav-title{width:100%;margin-bottom:var(--space-sm)}.faq-nav-list{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.faq-nav-link{margin-bottom:0;background:var(--glass-bg)}.faq-contact-box{grid-template-columns:1fr;text-align:center}.faq-contact-methods{align-items:center}.faq-contact-image{order:-1}}@media (max-width: 768px){.faq-categories{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:var(--space-sm)}.faq-category-btn{flex-shrink:0}.faq-question{padding:var(--space-md) var(--space-lg);font-size:var(--text-sm)}.faq-answer-content{padding:0 var(--space-lg) var(--space-lg);font-size:var(--text-sm)}.faq-contact-box{padding:var(--space-2xl)}}
