.faq-page{background-image:radial-gradient(circle at 10% 20%,#f59e0b08,#0000 40%),radial-gradient(circle at 90% 60%,#06b6d408,#0000 40%);min-height:100vh;padding-top:4rem;padding-bottom:8rem}.faq-page .page-header{text-align:center;margin-bottom:4rem;position:relative}.faq-page .page-header:after{content:"";background:linear-gradient(90deg,transparent,var(--border-color),transparent);width:100px;height:1px;position:absolute;bottom:-2rem;left:50%;transform:translate(-50%)}.faq-page .page-header .icon{width:64px;height:64px;color:var(--brand-primary);background:linear-gradient(135deg,#f59e0b1a,#f59e0b00);border:1px solid #f59e0b1a;border-radius:20px;justify-content:center;align-items:center;margin-bottom:1.5rem;display:inline-flex;box-shadow:0 0 30px #f59e0b1a}.faq-page .page-header h1{letter-spacing:-.03em;background:linear-gradient(#fff,#a1a1aa);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:3rem;font-weight:800}.faq-page .page-header p{color:var(--text-muted);max-width:500px;margin:0 auto;font-size:1.1rem}.faq-page .faq-interface{max-width:1200px;margin:0 auto}.faq-page .faq-controls{flex-direction:column;align-items:center;gap:2rem;margin-bottom:3rem;display:flex}.faq-page .faq-controls .search-wrapper{width:100%;max-width:500px;position:relative}.faq-page .faq-controls .search-wrapper .search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.faq-page .faq-controls .search-wrapper input{border:1px solid var(--border-color);width:100%;color:var(--text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003;border-radius:100px;padding:1rem 1rem 1rem 3rem;font-size:1rem;transition:all .3s}.faq-page .faq-controls .search-wrapper input:focus{border-color:var(--brand-primary);background:#0006;outline:none;box-shadow:0 0 0 4px #f59e0b1a}.faq-page .faq-controls .category-tabs{border:1px solid var(--border-subtle);background:#ffffff08;border-radius:100px;flex-wrap:wrap;justify-content:center;gap:.5rem;padding:.5rem;display:flex}.faq-page .faq-controls .category-tabs .cat-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:100px;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.faq-page .faq-controls .category-tabs .cat-tab:hover{color:var(--text-primary);background:#ffffff0d}.faq-page .faq-controls .category-tabs .cat-tab.active{background:var(--brand-primary);color:#000;box-shadow:0 4px 12px #f59e0b4d}.faq-page .faq-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}@media (min-width:768px){.faq-page .faq-grid{grid-auto-flow:dense}}.faq-page .faq-card{cursor:pointer;background:#ffffff05;border:1px solid #ffffff0d;border-radius:20px;flex-direction:column;min-height:180px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden}@media (min-width:768px){.faq-page .faq-card.featured{grid-column:span 2}}.faq-page .faq-card.featured{background:linear-gradient(145deg,#ffffff0a,#ffffff03)}.faq-page .faq-card:hover{background:#ffffff0d;border-color:#f59e0b4d;transform:translateY(-4px)}.faq-page .faq-card:hover .card-glow{opacity:1}.faq-page .faq-card:hover .click-hint{color:var(--brand-primary);transform:translate(5px)}.faq-page .faq-card.expanded{border-color:var(--brand-primary);background:#0006;box-shadow:0 20px 40px -10px #00000080}.faq-page .faq-card .card-glow{opacity:0;pointer-events:none;background:radial-gradient(circle at 100% 0,#f59e0b1a,#0000 60%);height:100%;transition:opacity .5s;position:absolute;top:0;left:0;right:0}.faq-page .faq-card .card-content{z-index:2;flex-direction:column;flex:1;padding:2rem;display:flex;position:relative}.faq-page .faq-card .card-content .card-header{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.faq-page .faq-card .card-content .card-header .category-dot{border-radius:50%;width:8px;height:8px}.faq-page .faq-card .card-content .card-header .category-dot.general{background:#3b82f6;box-shadow:0 0 10px #3b82f6}.faq-page .faq-card .card-content .card-header .category-dot.billing{background:#10b981;box-shadow:0 0 10px #10b981}.faq-page .faq-card .card-content .card-header .category-dot.technical{background:#f59e0b;box-shadow:0 0 10px #f59e0b}.faq-page .faq-card .card-content .card-header .category-dot.gameplay{background:#ec4899;box-shadow:0 0 10px #ec4899}.faq-page .faq-card .card-content .card-header .category-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-size:.75rem;font-weight:700}.faq-page .faq-card .card-content h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.25rem;font-weight:700;line-height:1.4}.faq-page .faq-card .card-content .click-hint{color:var(--text-muted);align-items:center;gap:.5rem;margin-top:auto;font-size:.8rem;font-weight:600;transition:all .3s;display:flex}.faq-page .faq-card .card-content .answer-container{color:var(--text-secondary);line-height:1.6;overflow:hidden}.faq-page .faq-card .card-content .answer-container p{border-top:1px solid #ffffff1a;padding-top:1rem}.faq-page .empty-state{text-align:center;color:var(--text-muted);padding:4rem}.faq-page .empty-state h3{color:var(--text-primary);margin-top:1rem}