.faq-card{width:100%;background:rgba(255,255,255,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius);padding:3rem;box-shadow:var(--shadow-md);position:relative;z-index:10;color:var(--text);animation:slideDownFade .8s cubic-bezier(.16,1,.3,1) both}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .faq-card{background:rgba(19,26,43,.85);border-color:rgba(255,255,255,.1)}.faq-header{text-align:center;margin-bottom:2.5rem;flex-direction:column;gap:.5rem}.faq-header,.faq-header-icon{display:flex;align-items:center}.faq-header-icon{width:64px;height:64px;background:rgba(80,110,228,.2);border-radius:20px;justify-content:center;margin-bottom:.5rem;border:1px solid rgba(80,110,228,.3)}.faq-header-icon i{font-size:32px;color:#506ee4}.faq-header h1{font-size:2rem;font-weight:800;margin:0;color:var(--text);font-family:var(--hp-heading-font,inherit);letter-spacing:-.02em}.faq-header p{color:var(--text-muted);margin:0;font-size:.95rem;max-width:600px;line-height:1.6}.faq-search{display:flex;align-items:center;gap:.6rem;background:rgba(255,255,255,.5);border:1px solid var(--border);border-radius:12px;padding:.75rem 1rem;margin-bottom:1.25rem;color:var(--text-muted);transition:border-color .2s,background .2s}[data-theme=dark] .faq-search{background:rgba(0,0,0,.2);border-color:rgba(255,255,255,.1)}.faq-search:focus-within{border-color:var(--brand);background:rgba(255,255,255,.8)}[data-theme=dark] .faq-search:focus-within{background:rgba(0,0,0,.3)}.faq-search input{flex:1 1;border:none;outline:none;background:transparent;font-size:.95rem;color:var(--text);font-family:inherit}.faq-search input::placeholder{color:var(--text-subtle)}.faq-categories{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.faq-pill{padding:.45rem .95rem;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--text-muted);font-size:.85rem;font-family:inherit;cursor:pointer;transition:all .2s ease}.faq-pill:hover{background:var(--bg-muted);border-color:var(--text-subtle)}.faq-pill.active{background:var(--brand);color:#ffffff;border-color:var(--brand);box-shadow:0 4px 12px rgba(80,110,228,.3)}.faq-list{display:flex;flex-direction:column;gap:.75rem}.faq-item{border:1px solid var(--border);border-radius:16px;overflow:hidden;background:rgba(255,255,255,.6);transition:border-color .2s}[data-theme=dark] .faq-item{background:rgba(0,0,0,.2);border-color:rgba(255,255,255,.08)}.faq-item.open{border-color:var(--brand);background:rgba(255,255,255,.9)}[data-theme=dark] .faq-item.open{background:rgba(0,0,0,.4)}.faq-item-header{width:100%;display:flex;align-items:center;gap:1rem;padding:1.15rem 1.25rem;background:transparent;border:none;cursor:pointer;text-align:left;color:var(--text);font-size:.95rem;font-weight:600;font-family:inherit}.faq-question{flex:1 1}.faq-chevron{transition:transform .25s ease;color:var(--text-subtle);flex-shrink:0}.faq-item.open .faq-chevron{transform:rotate(90deg);color:var(--brand)}.faq-badge{font-size:.72rem;font-weight:700;padding:.3rem .7rem;border-radius:999px;white-space:nowrap;color:#ffffff;background:var(--brand);flex-shrink:0}.faq-badge[data-category="Merchandise & Apparel"]{background:#ec4899}.faq-badge[data-category="Tournaments & Competitions"]{background:#f59e0b}.faq-badge[data-category=General]{background:var(--brand)}.faq-badge[data-category="Summer Camp"]{background:#8b5cf6}.faq-answer{padding:0 1.25rem 1.25rem;border-top:1px solid var(--border-soft);color:var(--text-muted);font-size:.95rem;line-height:1.6}.faq-qa+.faq-qa{margin-top:1rem;padding-top:1rem;border-top:1px dashed var(--border)}.faq-qa strong{color:var(--text)}.faq-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;gap:.5rem}.faq-pagination button{padding:.5rem 1rem;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--text-muted);cursor:pointer;font-size:.85rem;font-weight:500;transition:all .15s}.faq-pagination button:hover:not(:disabled){background:var(--bg-muted);color:var(--text)}.faq-pagination button:disabled{opacity:.4;cursor:not-allowed}.faq-pages{display:flex;gap:.35rem}.faq-pages button{width:36px;height:36px;display:grid;place-items:center;padding:0}.faq-pages button.active{background:var(--brand);color:#ffffff;border-color:var(--brand)}.faq-message{text-align:center;color:var(--text-muted);padding:2rem 0}.faq-page-size{display:flex;justify-content:flex-end;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-muted);margin-bottom:1rem}.faq-page-size select{padding:.25rem .5rem;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-family:inherit;font-size:.85rem;outline:none}@media (max-width:768px){.faq-card{padding:2rem 1.5rem;border-radius:20px}.faq-header h1{font-size:1.75rem}.faq-header p{font-size:.9rem}.faq-item-header{flex-wrap:wrap;gap:.5rem;padding:1rem}.faq-badge{margin-bottom:.25rem}.faq-question{width:100%;flex:none;margin-bottom:.5rem;font-size:.95rem}.faq-chevron{margin-left:auto}.faq-answer{padding:0 1rem 1rem}.faq-pagination{flex-direction:column;gap:1rem}.faq-page-size{justify-content:center;margin-bottom:1.5rem}}@media (max-width:480px){.faq-card{padding:1.5rem 1rem;border-radius:16px}.faq-header h1{font-size:1.5rem}.faq-header-icon{width:52px;height:52px;border-radius:16px}.faq-header-icon i{font-size:26px}.faq-pill{font-size:.8rem;padding:.4rem .8rem}.faq-pages button{width:32px;height:32px}}@media (prefers-reduced-motion:reduce){.faq-card,.faq-chevron,.faq-pill{animation:none!important;transition:none!important}}