.faq-page{width:100%}.faq-hero{background:linear-gradient(135deg,var(--color-nav-bg) 0%,var(--color-primary) 100%);padding:var(--space-24) var(--space-6) var(--space-20);text-align:center;position:relative;overflow:hidden}.faq-hero:before{content:"";position:absolute;top:-30%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(200,168,92,.08),transparent 70%);border-radius:50%;pointer-events:none}.faq-hero h1{font-size:clamp(2rem,4vw,3rem);color:var(--color-white);margin-bottom:var(--space-4);font-weight:800;letter-spacing:-.02em;position:relative}.faq-hero p{color:#ffffffb3;font-size:var(--text-lg);max-width:550px;margin:0 auto;line-height:1.7;position:relative}.faq-container{max-width:780px;margin:0 auto;padding:var(--space-16) var(--space-6)}.faq-categories{display:flex;gap:var(--space-3);margin-bottom:var(--space-10);flex-wrap:wrap;justify-content:center}.faq-cat-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border:1.5px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-white);color:var(--color-text);font-family:var(--font-display);font-weight:600;font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base);letter-spacing:.01em}.faq-cat-btn:hover{border-color:var(--color-primary);color:var(--color-primary);box-shadow:var(--shadow-sm)}.faq-cat-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white);box-shadow:0 4px 12px #0b3c5d33}.faq-list[hidden]{display:none!important}.faq-list{display:flex;flex-direction:column;gap:var(--space-4)}.faq-item{background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden;transition:all var(--transition-base)}.faq-item:hover{border-color:var(--color-primary-200)}.faq-item.open{box-shadow:var(--shadow-md);border-color:var(--color-primary-200)}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-6);background:none;border:none;cursor:pointer;text-align:left;font-family:var(--font-display);font-size:var(--text-base);font-weight:600;color:var(--color-text);transition:color var(--transition-base);line-height:1.4}.faq-question:hover,.faq-item.open .faq-question{color:var(--color-primary)}.faq-arrow{transition:transform .3s ease;font-size:var(--text-sm);color:var(--color-text-muted);flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--color-surface);transition:all var(--transition-base)}.faq-item.open .faq-arrow{background:var(--color-primary-50);color:var(--color-primary)}.faq-arrow.rotated{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s ease;padding:0 var(--space-6)}.faq-item.open .faq-answer{max-height:1000px;padding:0 var(--space-6) var(--space-6)}.faq-answer p{color:var(--color-text-light);line-height:1.8;font-size:var(--text-sm);padding-top:var(--space-2);border-top:1px solid var(--color-border)}.faq-cta{margin-top:var(--space-20);text-align:center;padding:var(--space-16) var(--space-8);background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border)}.faq-cta h3{font-size:var(--text-2xl);color:var(--color-primary);margin-bottom:var(--space-3);font-weight:700}.faq-cta p{color:var(--color-text-light);margin-bottom:var(--space-8);font-size:var(--text-base);line-height:1.7}.faq-cta-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-10);background:var(--color-primary);color:var(--color-white);border-radius:var(--radius-md);font-weight:700;font-family:var(--font-display);font-size:var(--text-base);transition:all var(--transition-base);text-decoration:none;letter-spacing:.02em}.faq-cta-btn:hover{background:var(--color-primary-light);transform:translateY(-2px);box-shadow:var(--shadow-md)}@media(max-width:768px){.faq-categories{flex-direction:column;align-items:stretch}.faq-cat-btn{justify-content:center}.faq-container{padding:var(--space-10) var(--space-4)}.faq-question{padding:var(--space-5);font-size:var(--text-sm)}.faq-item.open .faq-answer{padding:0 var(--space-5) var(--space-5)}.faq-cta{padding:var(--space-10) var(--space-6)}}
