:root{--bg-primary: linear-gradient(135deg, #121620 0%, #1a1f2c 100%);--bg-secondary: #1e2330;--text-primary: #e6e6e6;--text-secondary: #b0b0b0;--accent-color: #6d8bff;--accent-hover: #8ca0ff;--shadow-color: rgba(0, 0, 0, .3);--shadow-hover: rgba(0, 0, 0, .4);--border-color: #2a3040;--input-bg: #252b3b;--card-bg: #252b3b;--icon-color: #6d8bff;--button-text: #ffffff;--warning-bg: rgba(255, 193, 7, .15);--warning-text: #ffc107;--warning-border: rgba(255, 193, 7, .3);--sidebar-bg: #1e2330;--sidebar-hover: #252b3b;--sidebar-active: #252b3b;--sidebar-width: 280px}[data-theme=light]{--bg-primary: linear-gradient(135deg, #f5f7fa 0%, #e4e8f0 100%);--bg-secondary: #ffffff;--text-primary: #333333;--text-secondary: #666666;--accent-color: #4a6cf7;--accent-hover: #3a5bd9;--shadow-color: rgba(0, 0, 0, .1);--shadow-hover: rgba(0, 0, 0, .15);--border-color: #e0e0e0;--input-bg: #ffffff;--card-bg: #ffffff;--icon-color: #4a6cf7;--button-text: #ffffff;--warning-bg: rgba(255, 193, 7, .1);--warning-text: #e6a700;--warning-border: rgba(255, 193, 7, .2);--sidebar-bg: #f5f7fa;--sidebar-hover: #e4e8f0;--sidebar-active: #e4e8f0}body{background-color:var(--bg-primary);color:var(--text-primary);transition:all .3s ease}.faq-section{padding:0 0 80px;background:var(--bg-primary);transition:all .3s ease;min-height:100vh}.faq-header-wrapper{position:relative;padding:20px 0 50px;margin-bottom:30px;background:linear-gradient(135deg,#1e2330,#121620);overflow:hidden;border-radius:0 0 30px 30px;box-shadow:0 10px 30px #0003}.faq-header-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 30%,rgba(109,139,255,.15) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(109,139,255,.1) 0%,transparent 50%);z-index:1}.particles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;overflow:hidden}.particle{position:absolute;border-radius:50%;background:#6d8bff33;animation:float 15s infinite ease-in-out}.particle:nth-child(1){width:80px;height:80px;top:10%;left:10%;animation-delay:0s;animation-duration:20s}.particle:nth-child(2){width:60px;height:60px;top:70%;left:80%;animation-delay:2s;animation-duration:18s}.particle:nth-child(3){width:40px;height:40px;top:40%;left:60%;animation-delay:4s;animation-duration:15s}.particle:nth-child(4){width:100px;height:100px;top:60%;left:5%;animation-delay:6s;animation-duration:25s}.particle:nth-child(5){width:70px;height:70px;top:20%;left:85%;animation-delay:8s;animation-duration:22s}@keyframes float{0%,to{transform:translateY(0) translate(0) rotate(0);opacity:.2}25%{transform:translateY(-20px) translate(10px) rotate(5deg);opacity:.3}50%{transform:translateY(10px) translate(20px) rotate(10deg);opacity:.2}75%{transform:translateY(20px) translate(-10px) rotate(5deg);opacity:.3}}.wave-divider{position:absolute;bottom:-2px;left:0;width:100%;z-index:3}.wave-divider svg{display:block;width:100%;height:50px;fill:var(--bg-primary)}.faq-header{position:relative;z-index:3;text-align:center;padding:0 20px;margin-bottom:0}.faq-header h1{font-size:3rem;font-weight:800;color:#fff;margin-bottom:20px;text-shadow:0 2px 10px rgba(0,0,0,.3);letter-spacing:-.5px;position:relative;display:inline-block}.faq-header h1:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,#6d8bff,#a78bfa);border-radius:2px}.faq-header p{font-size:1.2rem;color:#fffc;max-width:100%;margin:0 auto;line-height:1.6}.search-container-faq{max-width:600px;margin:0 auto 40px;position:relative}.search-container-faq input{width:100%;padding:15px 20px;border-radius:50px;border:1px solid var(--border-color);background-color:var(--input-bg);color:var(--text-primary);box-shadow:0 5px 15px var(--shadow-color);font-size:1rem;transition:all .3s ease}.search-container-faq input:focus{box-shadow:0 5px 20px var(--shadow-hover);outline:none;border-color:var(--accent-color)}.search-container-faq input::-moz-placeholder{color:var(--text-secondary);opacity:.7}.search-container-faq input::placeholder{color:var(--text-secondary);opacity:.7}.search-container-faq button{position:absolute;right:5px;top:5px;background:var(--accent-color);color:var(--button-text);border:none;border-radius:50px;padding:10px 20px;cursor:pointer;transition:all .3s ease;font-weight:500}.search-container-faq button:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 8px #0003}.faq-content-wrapper{display:flex;gap:30px;position:relative}.faq-sidebar{width:var(--sidebar-width);background-color:var(--sidebar-bg);border-radius:10px;box-shadow:0 5px 15px var(--shadow-color);padding:20px 0;position:sticky;top:20px;height:-moz-fit-content;height:fit-content;border:1px solid var(--border-color);flex-shrink:0}.sidebar-header{padding:0 20px 15px;border-bottom:1px solid var(--border-color);margin-bottom:15px}.sidebar-header h4{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin:0}.sidebar-menu{list-style:none;padding:0;margin:0}.sidebar-menu-item{padding:12px 20px;display:flex;align-items:center;cursor:pointer;transition:all .3s ease;color:var(--text-secondary);border-left:3px solid transparent}.sidebar-menu-item:hover{background-color:var(--sidebar-hover);color:var(--text-primary)}.sidebar-menu-item.active{background-color:var(--sidebar-active);color:var(--accent-color);border-left:3px solid var(--accent-color)}.sidebar-menu-item i{margin-right:15px;width:20px;text-align:center;font-size:1.1rem}.sidebar-menu-item span{font-weight:500}.sidebar-contact{padding:5px;background-color:var(--card-bg);border-radius:8px;margin:30px 15px 0;text-align:center;box-shadow:0 3px 10px var(--shadow-color)}.sidebar-contact h5{font-size:1.1rem;font-weight:600;margin-bottom:10px;color:var(--text-primary)}.sidebar-contact p{font-size:.9rem;color:var(--text-secondary);margin-bottom:15px}.sidebar-contact .contact-btn{display:inline-block;padding:8px 15px;background:var(--accent-color);color:var(--button-text);border-radius:50px;text-decoration:none;font-weight:500;font-size:.9rem;transition:all .3s ease}.sidebar-contact .contact-btn:hover{background:var(--accent-hover);transform:translateY(-2px)}.faq-main-content{flex:1}.home-category-container{padding:5px}.alert{padding:15px 20px;border-radius:8px;margin-bottom:20px;display:flex;align-items:center}.alert-warning{background-color:var(--warning-bg);color:var(--warning-text);border:1px solid var(--warning-border)}.alert i{font-size:1.2rem;margin-right:10px}.home-greeting{font-size:1.8rem;font-weight:600;color:var(--text-primary);margin-bottom:10px}.home-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:30px}.support-cards-container{margin-top:30px}.support-card{background-color:var(--card-bg);border-radius:10px;padding:25px 20px;text-align:center;box-shadow:0 5px 15px var(--shadow-color);transition:all .3s ease;height:100%;cursor:pointer;border:1px solid var(--border-color);display:flex;flex-direction:column;align-items:center;justify-content:center}.support-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px var(--shadow-hover);border-color:var(--accent-color)}.support-card-icon{width:60px;height:60px;background-color:var(--accent-color);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:15px;color:#fff;font-size:1.5rem;transition:all .3s ease}.support-card:hover .support-card-icon{background-color:var(--accent-hover);transform:scale(1.1)}.support-card-title{font-weight:600;color:var(--text-primary);font-size:1.1rem;line-height:1.4}.faq-container{max-width:100%}.faq-item{background:var(--card-bg);border-radius:10px;margin-bottom:15px;box-shadow:0 5px 15px var(--shadow-color);overflow:hidden;transition:all .3s ease;border:1px solid var(--border-color)}.faq-item:hover{box-shadow:0 8px 25px var(--shadow-hover);transform:translateY(-2px);border-color:var(--accent-color)}.faq-question{padding:20px 25px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;color:var(--text-primary);transition:color .3s ease}.faq-question i{transition:all .3s ease;color:var(--icon-color)}.faq-answer{padding:0 25px;max-height:0;overflow:hidden;transition:all .5s ease;color:var(--text-secondary);line-height:1.6}.faq-item.active .faq-answer{padding:0 25px 20px;max-height:1000px}.faq-item.active .faq-question i{transform:rotate(180deg)}.theme-toggle{position:fixed;top:20px;right:20px;z-index:1000;background:var(--card-bg);border-radius:50%;width:45px;height:45px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 3px 10px var(--shadow-color);border:1px solid var(--border-color);transition:all .3s ease}.theme-toggle:hover{transform:scale(1.1);box-shadow:0 5px 15px var(--shadow-hover);border-color:var(--accent-color)}.theme-toggle i{color:var(--icon-color);font-size:1.2rem;transition:all .3s ease}.fade-in{opacity:0;transform:translateY(20px);animation:fadeIn .6s forwards}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.glow-effect{position:relative}.glow-effect:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#6d8bff,#a78bfa,#6d8bff);border-radius:12px;z-index:-1;opacity:0;transition:opacity .3s ease}.faq-item.active.glow-effect:after{opacity:.3}[data-theme=light] .faq-header-wrapper{background:linear-gradient(135deg,#4a6cf7,#3a5bd9)}.d-none{display:none!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.me-2{margin-right:.5rem!important}@media (max-width: 992px){.faq-content-wrapper{flex-direction:column}.faq-sidebar{width:100%;position:relative;top:0;margin-bottom:30px}.sidebar-menu{display:flex;flex-wrap:wrap;gap:10px;padding:0 15px}.sidebar-menu-item{padding:8px 15px;border-radius:30px;border-left:none;border:1px solid var(--border-color)}.sidebar-menu-item.active{border-left:none;background-color:var(--accent-color);color:var(--button-text)}.sidebar-contact{display:none}}@media (max-width: 768px){.faq-header-wrapper{padding:60px 0 80px}.faq-header h1{font-size:2.2rem}.faq-header p{font-size:1rem}.wave-divider svg{height:30px}.search-container-faq,.faq-container{padding:0 20px}.theme-toggle{top:10px;right:10px;width:40px;height:40px}.home-greeting{font-size:1.5rem}.home-title{font-size:2rem}.support-card{padding:15px}.support-card-icon{width:50px;height:50px;font-size:1.2rem}.support-card-title{font-size:.9rem}.sidebar-menu-item{font-size:.9rem;padding:6px 12px}.sidebar-menu-item i{margin-right:8px}}