*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--text:#475569;--text-muted:#64748b;--text-h:#1e1b4b;--brand-primary:#5e35b1;--brand-primary-light:#7c4dff;--brand-primary-dark:#4527a0;--brand-primary-glow:#5e35b11f;--brand-yellow:#fbc02d;--bg-page:#f5f5f9;--card-bg:#fff;--card-border:#e2e8f0;--card-hover-border:#b099e2;--card-shadow:0 4px 15px #5e35b10a, 0 2px 4px #00000005;--brand-green:#1b8145;--brand-red:#c82333;--brand-green-bg:#1b814514;--brand-red-bg:#c8233314;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-heading:"Outfit", system-ui, sans-serif;font-family:var(--font-sans);color:var(--text);background-color:var(--bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;line-height:1.6;overflow-x:hidden}.faq-root{min-height:100vh;padding:40px 20px 80px;position:relative}.faq-container{z-index:1;max-width:820px;margin:0 auto;position:relative}.faq-header{text-align:center;background:linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-dark) 100%);border-radius:24px;margin-bottom:36px;padding:42px 32px;animation:.6s ease-out fadeInDown;position:relative;overflow:hidden;box-shadow:0 10px 25px #5e35b140}.faq-header:before{content:"";background:radial-gradient(circle,#ffffff26 0%,#0000 70%);border-radius:50%;width:180px;height:180px;position:absolute;top:-40px;right:-40px}.faq-logo-wrapper{border:4px solid var(--brand-primary-light);background:#fff;border-radius:28px;justify-content:center;align-items:center;width:110px;height:110px;margin-bottom:18px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);display:inline-flex;box-shadow:0 4px 15px #00000026}.faq-logo-wrapper:hover{transform:rotate(5deg)scale(1.05)}.faq-logo{object-fit:contain;border-radius:16px;width:80px;height:80px}.faq-title{font-family:var(--font-heading);color:#fff;letter-spacing:-.5px;text-shadow:0 2px 4px #00000026;margin-bottom:10px;font-size:40px;font-weight:800}.faq-title span{color:var(--brand-yellow);background:#fbc02d26;border-radius:12px;margin-left:6px;padding:2px 10px;display:inline-block}.faq-subtitle{color:#d1c4e9;max-width:580px;margin:0 auto;font-size:15.5px;line-height:1.5}.faq-search-wrapper{max-width:600px;margin:0 auto 28px;animation:.5s ease-out fadeInUp;position:relative}.faq-search-icon{color:var(--text-muted);pointer-events:none;font-size:18px;transition:color .3s;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.faq-search-input{width:100%;font-size:16px;font-family:var(--font-sans);color:var(--text-h);background:var(--card-bg);border:1.5px solid var(--card-border);border-radius:16px;outline:none;padding:15px 20px 15px 52px;transition:all .3s;box-shadow:0 4px 15px #00000008}.faq-search-input:focus{border-color:var(--brand-primary-light);box-shadow:0 0 0 4px var(--brand-primary-glow), 0 4px 20px #0000000d}.faq-search-input:focus+.faq-search-icon{color:var(--brand-primary)}.faq-search-input::placeholder{color:#94a3b8}.faq-search-clear{width:24px;height:24px;color:var(--text);cursor:pointer;background:#0000000f;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:11px;transition:background .2s;display:flex;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.faq-search-clear:hover{color:var(--text-h);background:#0000001f}.faq-categories{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:28px;animation:.6s ease-out fadeInUp;display:flex}.faq-category-btn{font-family:var(--font-heading);cursor:pointer;border:1px solid var(--card-border);background:var(--card-bg);color:var(--text-muted);border-radius:999px;padding:8px 18px;font-size:14px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 5px #00000005}.faq-category-btn:hover{border-color:var(--brand-primary-light);color:var(--brand-primary);background:#f8fafc;transform:translateY(-1px)}.faq-category-btn.active{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff;box-shadow:0 4px 12px #5e35b140}.faq-list{flex-direction:column;gap:12px;margin-bottom:40px;display:flex}.faq-card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow);border-radius:16px;transition:transform .2s,border-color .2s,box-shadow .2s;overflow:hidden}.faq-card:hover{border-color:var(--card-hover-border);box-shadow:0 6px 18px #5e35b10f}.faq-card.open{border-color:var(--card-hover-border);box-shadow:0 6px 20px #5e35b114}.faq-card-header{text-align:left;cursor:pointer;background:0 0;border:none;outline:none;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:18px 24px;display:flex}.faq-card-title-group{align-items:center;gap:14px;display:flex}.faq-card-icon{width:38px;height:38px;color:var(--brand-primary);background:#f3f0fd;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;transition:all .3s;display:inline-flex}.faq-card.open .faq-card-icon{background:var(--brand-primary);color:#fff}.faq-card-title{font-family:var(--font-heading);color:var(--text-h);letter-spacing:.05px;font-size:16.5px;font-weight:600;line-height:1.4;transition:color .2s}.faq-card:hover .faq-card-title{color:var(--brand-primary-dark)}.faq-card.open .faq-card-title{color:var(--brand-primary)}.faq-card-arrow{color:var(--text-muted);flex-shrink:0;font-size:13px;transition:transform .3s cubic-bezier(.4,0,.2,1),color .3s;display:inline-flex}.faq-card.open .faq-card-arrow{color:var(--brand-primary);transform:rotate(180deg)}.faq-card-body-wrapper{max-height:0;transition:max-height .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.faq-card-body{color:#475569;border-top:1px solid #f1f5f9;padding:14px 24px 22px 76px;font-size:14.5px;line-height:1.7}.faq-card-body p{margin-bottom:10px}.faq-card-body p:last-child{margin-bottom:0}.faq-card-body ul{flex-direction:column;gap:6px;margin:10px 0;padding-left:20px;display:flex}.faq-card-body ul li{padding-left:2px;list-style:none;position:relative}.faq-card-body ul li:before{content:"✓";color:var(--brand-primary);font-size:12px;font-weight:700;position:absolute;top:1px;left:-18px}.faq-card-body strong{color:var(--text-h);font-weight:600}.faq-card-body a{color:var(--brand-primary);border-bottom:1.5px solid #5e35b133;font-weight:600;text-decoration:none;transition:all .2s}.faq-card-body a:hover{color:var(--brand-primary-light);border-bottom-color:var(--brand-primary-light)}.faq-code-block{color:var(--brand-primary);background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin:8px 0;padding:8px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13.5px;font-weight:600;display:block;overflow-x:auto}.faq-highlight-green{background:var(--brand-green-bg);border-radius:6px;padding:2px 8px;font-weight:600;display:inline-block;color:var(--brand-green)!important}.faq-highlight-red{background:var(--brand-red-bg);border-radius:6px;padding:2px 8px;font-weight:600;display:inline-block;color:var(--brand-red)!important}.faq-empty-state{text-align:center;background:var(--card-bg);border:1.5px dashed var(--card-border);color:var(--text-muted);border-radius:16px;padding:40px 24px}.faq-empty-icon{opacity:.6;margin-bottom:10px;font-size:36px}.faq-empty-title{font-family:var(--font-heading);color:var(--text-h);margin-bottom:6px;font-size:18px}.faq-support-card{background:var(--card-bg);border:1px solid var(--card-border);border-left:6px solid var(--brand-primary);box-shadow:var(--card-shadow);border-radius:18px;justify-content:space-between;align-items:center;gap:20px;padding:24px 32px;animation:.7s ease-out fadeInUp;display:flex}.faq-support-info{flex:1}.faq-support-title{font-family:var(--font-heading);color:var(--text-h);margin-bottom:4px;font-size:20px;font-weight:700}.faq-support-desc{color:var(--text-muted);font-size:14px}.faq-support-btn{font-family:var(--font-heading);color:#fff;background:var(--brand-primary);cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 24px;font-size:14.5px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 10px #5e35b133}.faq-support-btn:hover{background:var(--brand-primary-light);transform:translateY(-1px);box-shadow:0 6px 15px #5e35b14d}.faq-footer{text-align:center;border-top:1px solid var(--card-border);color:var(--text-muted);margin-top:48px;padding-top:20px;font-size:13px}.faq-footer-links{justify-content:center;gap:16px;margin-top:6px;display:flex}.faq-footer-link{color:var(--brand-primary);font-weight:500;text-decoration:none;transition:color .2s}.faq-footer-link:hover{color:var(--brand-primary-light)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.faq-root{padding:30px 16px 60px}.faq-header{padding:30px 20px}.faq-logo-wrapper{border-radius:20px;width:74px;height:74px;margin-bottom:12px}.faq-logo{width:40px;height:40px}.faq-title{font-size:30px}.faq-subtitle{font-size:14.5px}.faq-search-input{padding:13px 16px 13px 44px;font-size:15px}.faq-search-icon{font-size:16px;left:16px}.faq-category-btn{padding:7px 15px;font-size:13px}.faq-card-header{padding:16px 20px}.faq-card-icon{border-radius:8px;width:34px;height:34px;font-size:16px}.faq-card-title{font-size:15px}.faq-card-body{padding:0 20px 18px 68px;font-size:14px}.faq-support-card{text-align:center;flex-direction:column;padding:22px 20px}.faq-support-btn{justify-content:center;width:100%}}@media (width<=540px){.faq-card-body{padding:0 16px 16px}.faq-card-icon{display:none}.faq-categories{gap:5px}.faq-category-btn{padding:6px 12px;font-size:12.5px}}