.faq-page{background:linear-gradient(135deg,#667eea0d,#764ba20d);min-height:100vh;padding:clamp(20px,3vw,28px) 16px 60px}.faq-hero{max-width:980px;margin:0 auto 24px;background:var(--card-bg);border-radius:var(--section-radius);padding:var(--section-padding);box-shadow:var(--section-shadow);border:1px solid rgba(102,126,234,.12)}.faq-hero h1{margin:0 0 8px}.faq-hero p{margin:0;color:var(--text-color-light);line-height:1.6;text-align:center}.faq-controls{max-width:980px;margin:0 auto 24px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}.faq-controls input[type=search]{flex:1 1 280px;padding:var(--form-control-padding-y) 14px;min-height:var(--form-control-min-height);border-radius:var(--input-radius);border:1px solid var(--border-color-input);background:var(--white);color:var(--text-color);transition:border-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease,background-color var(--transition-speed) ease}.faq-controls input[type=search]:focus-visible{outline:var(--button-focus-ring);outline-offset:var(--button-focus-ring-offset);border-color:var(--focus-border-color);box-shadow:var(--focus-glow)}.faq-filters{display:flex;gap:8px;flex-wrap:wrap}.faq-filter-btn{min-height:40px;padding:8px 14px;border-radius:var(--radius-pill);border:1px solid var(--border-color-input);background:var(--card-bg);cursor:pointer;font-weight:600;color:var(--text-color);box-shadow:none;transition:background-color var(--transition-speed) ease,border-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease,transform var(--transition-speed) ease}.faq-filter-btn:hover{transform:translateY(-1px);border-color:var(--focus-border-color);background:var(--card-bg);color:var(--text-color)}.faq-filter-btn:focus-visible{outline:var(--button-focus-ring);outline-offset:var(--button-focus-ring-offset);border-color:var(--focus-border-color)}.faq-filter-btn.is-active{background:var(--gradient-primary);color:var(--white);border-color:var(--primary-color);box-shadow:var(--button-primary-shadow)}.faq-filter-btn.is-active:hover{background:var(--gradient-primary);color:var(--white);box-shadow:var(--button-primary-shadow-hover);transform:translateY(-1px)}.faq-content{max-width:980px;margin:0 auto 40px}.faq-form{max-width:980px;margin:0 auto;background:var(--card-bg);padding:var(--section-padding);border-radius:var(--section-radius);box-shadow:var(--section-shadow);border:1px solid rgba(102,126,234,.12)}.faq-form h2{margin-top:0}.faq-form form{display:grid;gap:14px}.faq-form textarea,.faq-form input,.faq-form select{width:100%;padding:var(--form-control-padding-y) var(--form-control-padding-x);min-height:var(--form-control-min-height);border-radius:var(--input-radius);border:1px solid var(--border-color-input);line-height:1.4;color:var(--text-color);background:var(--white);transition:border-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease,background-color var(--transition-speed) ease}.faq-form textarea{min-height:120px}.faq-form textarea:focus-visible,.faq-form input:focus-visible,.faq-form select:focus-visible{outline:var(--button-focus-ring);outline-offset:var(--button-focus-ring-offset);border-color:var(--focus-border-color);box-shadow:var(--focus-glow)}.faq-form-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.faq-form button{background:var(--gradient-primary);color:var(--white);border:none;border-radius:var(--input-radius);min-height:var(--form-control-min-height);padding:12px 16px;font-weight:700;cursor:pointer;transition:transform var(--transition-speed),box-shadow var(--transition-speed);box-shadow:var(--button-primary-shadow)}.faq-form button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--button-primary-shadow-hover)}.faq-form button:focus-visible{outline:var(--button-focus-ring);outline-offset:var(--button-focus-ring-offset)}.faq-form button:disabled{opacity:.7;cursor:not-allowed;box-shadow:none}@media(prefers-reduced-motion:reduce){.faq-filters button,.faq-form button{transition:none}.faq-filters button:hover{transform:none}.faq-form button:hover:not(:disabled){transform:none}}@media(max-width:768px){.faq-page{padding:16px 12px 36px}.faq-hero,.faq-form{padding:18px}.faq-controls{gap:10px;margin-bottom:18px}.faq-filters{gap:6px}.faq-form form{gap:12px}}