:root{--bg: #0a0a0f;--surface: #13131a;--surface2: #1c1c28;--accent: #7c3aed;--accent2: #ec4899;--gold: #f59e0b;--text: #f0f0f5;--muted: #6b7280;--radius: 12px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Outfit,sans-serif;overflow-x:hidden;min-height:100vh}.page-hero-faq{position:relative;padding-top:64px;height:300px;display:flex;align-items:center;justify-content:center;overflow:hidden;text-align:center}.page-hero-bg-faq{position:absolute;inset:0;background:#000}.page-hero-glow-faq{position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 50% 80%,rgba(124,58,237,.18) 0%,transparent 70%);pointer-events:none}.page-hero-content-faq{position:relative;z-index:2;animation:fadeUp .7s ease both;padding:0 1rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.breadcrumb-faq{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.78rem;color:var(--muted);margin-bottom:1rem}.breadcrumb-faq a{color:var(--muted);text-decoration:none;transition:color .2s}.breadcrumb-faq a:hover{color:#fff}.breadcrumb-faq span{color:#fff3}.page-title-faq{font-family:Bebas Neue,cursive;font-size:clamp(2.4rem,7vw,5rem);letter-spacing:3px;background:linear-gradient(135deg,#fff,#fff9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1;margin-bottom:.6rem}.page-subtitle-faq{font-size:.9rem;color:#ffffff80;font-weight:400;letter-spacing:.5px}.search-wrap{max-width:560px;margin:0 auto;padding:0 4%;animation:fadeUp .7s .1s ease both;transform:translateY(-28px);position:relative;z-index:10}.search-inner{background:var(--surface);border:1.5px solid rgba(255,255,255,.1);border-radius:50px;display:flex;align-items:center;box-shadow:0 8px 40px #00000080;transition:border-color .2s,box-shadow .2s}.search-inner:focus-within{border-color:#7c3aed80;box-shadow:0 8px 40px #00000080,0 0 0 3px #7c3aed1f}.search-icon{padding:0 .85rem 0 1.2rem;flex-shrink:0;color:var(--muted);display:flex;align-items:center}.search-input{flex:1;background:none;border:none;outline:none;color:var(--text);font-family:Outfit,sans-serif;font-size:.9rem;padding:.85rem 0}.search-input::placeholder{color:var(--muted)}.search-clear{background:none;border:none;cursor:pointer;color:var(--muted);padding:0 1.1rem;display:none;align-items:center;transition:color .2s}.search-clear:hover{color:#fff}.search-clear.show{display:flex}.mobile-cat-scroll{display:none;overflow-x:auto;scrollbar-width:none;padding:.25rem 4% .75rem;gap:.45rem}.mobile-cat-scroll::-webkit-scrollbar{display:none}.mobile-cat-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:.4rem;padding:.42rem .9rem;border-radius:50px;border:1.5px solid rgba(255,255,255,.1);background:var(--surface2);color:#fff9;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;font-family:Outfit,sans-serif}.mobile-cat-btn.active{background:#7c3aed33;border-color:#7c3aed80;color:#fff}.faq-wrapper{max-width:1100px;margin:0 auto;padding:.5rem 5% 6rem;display:grid;grid-template-columns:220px 1fr;gap:3rem;align-items:start}.faq-sidebar{position:sticky;top:84px}.sidebar-title{font-size:.65rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:.9rem;padding-left:.75rem}.cat-list{list-style:none;display:flex;flex-direction:column;gap:.2rem}.cat-item{display:flex;align-items:center;gap:.7rem;padding:.6rem .75rem;border-radius:9px;cursor:pointer;color:#fff9;font-size:.85rem;font-weight:500;transition:all .2s;-webkit-user-select:none;user-select:none;border:1px solid transparent}.cat-item:hover{background:var(--surface2);color:#fff}.cat-item.active{background:#7c3aed26;border-color:#7c3aed4d;color:#fff}.cat-icon{flex-shrink:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;color:var(--muted)}.cat-item:hover .cat-icon{color:#ffffffb3}.cat-item.active .cat-icon{color:#a78bfa}.cat-count{margin-left:auto;font-size:.67rem;font-weight:700;background:var(--surface2);border-radius:20px;padding:.1rem .45rem;color:var(--muted)}.cat-item.active .cat-count{background:#7c3aed40;color:#a78bfa}.sidebar-divider{border:none;border-top:1px solid rgba(255,255,255,.07);margin:1rem 0}.sidebar-cta{background:var(--surface);border:1px solid rgba(255,255,255,.07);border-radius:var(--radius);padding:1.2rem;text-align:center}.sidebar-cta-icon{width:44px;height:44px;border-radius:12px;margin:0 auto .75rem;background:linear-gradient(135deg,#7c3aed40,#ec489926);border:1px solid rgba(124,58,237,.3);display:flex;align-items:center;justify-content:center;color:#a78bfa}.sidebar-cta p{font-size:.78rem;color:var(--muted);line-height:1.55;margin-bottom:.9rem}.sidebar-cta-btn{display:inline-flex;align-items:center;gap:.4rem;background:linear-gradient(135deg,#7c3aed,#ec4899);color:#fff;text-decoration:none;font-size:.78rem;font-weight:700;padding:.5rem 1.1rem;border-radius:20px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 16px #7c3aed59}.sidebar-cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed80}.faq-stats{display:flex;gap:1rem;margin-bottom:1.5rem;padding:.75rem 1.2rem;background:var(--surface);border:1px solid rgba(255,255,255,.07);border-radius:var(--radius);align-items:center;flex-wrap:wrap}.stat-item{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--muted)}.stat-val{font-family:Bebas Neue,cursive;font-size:1.05rem;color:var(--text);letter-spacing:1px}.stat-sep{width:1px;height:16px;background:#ffffff1a;flex-shrink:0}.popular-tags{margin-bottom:1.8rem}.tags-title{font-size:.65rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:.75rem}.tags-list{display:flex;flex-wrap:wrap;gap:.4rem}.tag-chip{background:var(--surface2);border:1px solid rgba(255,255,255,.08);color:#ffffffa6;font-size:.76rem;font-weight:500;padding:.3rem .8rem;border-radius:20px;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none;font-family:Outfit,sans-serif;display:inline-flex;align-items:center;gap:.3rem}.tag-chip:hover,.tag-chip.active{background:#7c3aed26;border-color:#7c3aed66;color:#fff}.no-results{display:none;text-align:center;padding:3.5rem 1rem;color:var(--muted);font-size:.88rem}.no-results-icon{width:60px;height:60px;border-radius:16px;margin:0 auto 1rem;background:var(--surface2);border:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center;color:var(--muted)}.no-results-title{font-family:Bebas Neue,cursive;font-size:1.45rem;color:var(--text);letter-spacing:1px;margin-bottom:.4rem}.cat-section{margin-bottom:2.5rem}.cat-section-header{display:flex;align-items:center;gap:.8rem;margin-bottom:1rem;padding-bottom:.8rem;border-bottom:1px solid rgba(255,255,255,.07)}.cat-section-icon{width:36px;height:36px;border-radius:9px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7c3aed40,#ec489926);border:1px solid rgba(124,58,237,.3);color:#a78bfa}.cat-section-title{font-family:Bebas Neue,cursive;font-size:1.3rem;letter-spacing:1.5px}.cat-section-count{font-size:.7rem;font-weight:700;color:var(--muted);background:var(--surface2);border-radius:20px;padding:.15rem .55rem;margin-left:auto}.faq-list{display:flex;flex-direction:column;gap:.55rem}.faq-item{background:var(--surface);border:1px solid rgba(255,255,255,.07);border-radius:var(--radius);overflow:hidden;transition:border-color .25s,box-shadow .25s}.faq-item:hover{border-color:#7c3aed38}.faq-item.open{border-color:#7c3aed66;box-shadow:0 4px 20px #7c3aed1a}.faq-q{padding:1rem 1.2rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;gap:.8rem;-webkit-user-select:none;user-select:none}.faq-q-text{font-size:.88rem;font-weight:600;line-height:1.45;flex:1}.faq-q-text mark{background:#f59e0b33;color:var(--gold);border-radius:3px;padding:0 2px}.faq-chevron-wrap{width:28px;height:28px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--surface2);border:1px solid rgba(255,255,255,.07);transition:background .25s,transform .3s;color:var(--muted)}.faq-item.open .faq-chevron-wrap{background:#7c3aed33;border-color:#7c3aed66;color:#a78bfa;transform:rotate(180deg)}.faq-a-wrap{max-height:0;overflow:hidden;transition:max-height .38s cubic-bezier(.4,0,.2,1)}.faq-item.open .faq-a-wrap{max-height:500px}.faq-a{padding:.9rem 1.2rem 1.1rem;font-size:.84rem;color:#ffffff9e;line-height:1.75;border-top:1px solid rgba(255,255,255,.06)}.faq-a a{color:#a78bfa;text-decoration:none}.faq-a a:hover{color:#fff}.faq-helpful{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;margin-top:.9rem;padding-top:.9rem;border-top:1px solid rgba(255,255,255,.06)}.helpful-label{font-size:.72rem;color:var(--muted)}.helpful-btn{background:var(--surface2);border:1px solid rgba(255,255,255,.08);color:#ffffffa6;font-family:Outfit,sans-serif;font-size:.72rem;font-weight:600;padding:.28rem .75rem;border-radius:20px;cursor:pointer;display:inline-flex;align-items:center;gap:.3rem;transition:all .2s}.helpful-btn:hover{border-color:#7c3aed66;color:#fff}.helpful-btn.voted-yes{background:#10b9811f;border-color:#10b98166;color:#10b981}.helpful-btn.voted-no{background:#ef44441a;border-color:#ef444459;color:#ef4444}.reveal{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}.reveal.visible{opacity:1;transform:none}footer{background:var(--surface);border-top:1px solid rgba(255,255,255,.06);padding:3rem 5% 1.5rem}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:2rem;margin-bottom:2.5rem}.footer-col h4{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:.8rem}.footer-col a{display:block;color:var(--muted);font-size:.83rem;margin-bottom:.5rem;text-decoration:none;transition:color .2s}.footer-col a:hover{color:#fff}.footer-logo{font-family:Bebas Neue,cursive;font-size:1.6rem;letter-spacing:2px;background:linear-gradient(135deg,#7c3aed,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;margin-bottom:.7rem}.socials{display:flex;gap:.7rem}.social-btn{width:36px;height:36px;border-radius:50%;background:var(--surface2);display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s;cursor:pointer}.social-btn:hover{background:var(--accent);transform:translateY(-2px)}.footer-bottom{border-top:1px solid rgba(255,255,255,.06);padding-top:1.2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;font-size:.78rem;color:var(--muted)}@media (max-width: 900px){.nav-links,.lang-btn{display:none}.hamburger{display:flex}.faq-sidebar{display:none}.mobile-cat-scroll{display:flex}.faq-wrapper{grid-template-columns:1fr;padding:0 4% 4rem;gap:0}.faq-content{padding-top:.25rem}}@media (max-width: 600px){nav{padding:0 4%;height:56px}.page-hero{height:230px;padding-top:56px}.page-title{font-size:clamp(1.9rem,9vw,2.6rem)}.page-subtitle{font-size:.8rem}.search-wrap{transform:translateY(-20px);padding:0 4%}.search-input{font-size:.84rem;padding:.75rem 0}.mobile-cat-scroll{padding:0 4% .6rem;gap:.4rem}.mobile-cat-btn{font-size:.74rem;padding:.38rem .8rem}.faq-wrapper{padding:.25rem 4% 3.5rem}.faq-stats{padding:.6rem 1rem;gap:.7rem;margin-bottom:1.2rem}.stat-val{font-size:.95rem}.stat-item{font-size:.72rem}.popular-tags{margin-bottom:1.3rem}.tag-chip{font-size:.71rem;padding:.26rem .7rem;flex-shrink:0;white-space:nowrap}.tags-list{gap:.35rem;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.tags-list::-webkit-scrollbar{display:none}.cat-section{margin-bottom:1.8rem}.cat-section-header{margin-bottom:.85rem;padding-bottom:.7rem}.cat-section-icon{width:30px;height:30px;border-radius:8px}.cat-section-icon svg{width:14px;height:14px}.cat-section-title{font-size:1.1rem}.cat-section-count{font-size:.63rem}.faq-list{gap:.4rem}.faq-q{padding:.85rem 1rem;gap:.6rem}.faq-q-text{font-size:.82rem}.faq-chevron-wrap{width:24px;height:24px}.faq-chevron-wrap svg{width:12px;height:12px}.faq-a{padding:.8rem 1rem .95rem;font-size:.8rem}.helpful-label{font-size:.66rem}.helpful-btn{font-size:.68rem;padding:.24rem .6rem}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;align-items:flex-start;gap:.3rem}}@media (max-width: 380px){.page-title{font-size:1.8rem}.faq-q-text{font-size:.8rem}.mobile-cat-btn{font-size:.7rem;padding:.35rem .7rem}}