.page-hero{background:var(--color-background-alt);border-bottom:3px solid #1a1a1a;margin-top:80px;padding:4rem 5%;text-align:center}.dark-mode .page-hero{border-bottom-color:#fff}.page-hero-content h1{color:var(--color-heading);font-size:3rem;font-weight:700;margin-bottom:1rem}.page-subtitle{color:var(--color-text-muted);font-size:1.1rem}.faq-page-section{background:var(--color-background);padding:4rem 5%}.faq-page-container{margin:0 auto;max-width:1000px}.faq-categories-container{margin-bottom:3.5rem}.faq-categories-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(5,1fr)}@media(max-width:900px){.faq-categories-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.faq-categories-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)}}.faq-category-card{align-items:center;background:#fff;border:3px solid #1a1a1a;border-radius:16px;box-shadow:5px 5px #1a1a1a;cursor:pointer;display:flex;flex-direction:column;gap:.85rem;padding:1.5rem 1.25rem;position:relative;text-align:center;transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.dark-mode .faq-category-card{background:#2d2d2d;border-color:#fff;box-shadow:5px 5px #fff}.faq-category-card:hover{border-color:var(--cat-color);box-shadow:7px 7px 0 var(--cat-color);transform:translate(-2px,-2px)}.dark-mode .faq-category-card:hover{border-color:#fff;box-shadow:7px 7px #fff}.faq-category-card.active{background:#fff;border-color:var(--cat-color);box-shadow:7px 7px 0 var(--cat-color);transform:translate(-3px,-3px)}.dark-mode .faq-category-card.active{background:#2d2d2d;border-color:#fff;box-shadow:7px 7px #fff}.faq-category-icon-wrapper{align-items:center;background:var(--cat-color);border:2.5px solid #1a1a1a;border-radius:12px;box-shadow:2px 2px #1a1a1a;color:#fff;display:flex;height:48px;justify-content:center;transition:all .2s ease;width:48px}.dark-mode .faq-category-icon-wrapper{border-color:#fff;box-shadow:2px 2px #fff}.faq-category-icon{height:22px;width:22px}.faq-category-info{display:flex;flex-direction:column;gap:.25rem}.faq-category-title{color:var(--color-heading);font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:700}.faq-category-count{color:var(--color-text-secondary);font-size:.85rem;font-weight:500}.faq-category-card.active .faq-category-title{color:var(--cat-color)}.dark-mode .faq-category-card.active .faq-category-title{color:#fff}[dir=rtl] .faq-category-card{box-shadow:-5px 5px #1a1a1a}[dir=rtl] .dark-mode .faq-category-card{box-shadow:-5px 5px #fff}[dir=rtl] .faq-category-card:hover{box-shadow:-7px 7px 0 var(--cat-color);transform:translate(2px,-2px)}[dir=rtl] .dark-mode .faq-category-card:hover{box-shadow:-7px 7px #fff}[dir=rtl] .faq-category-card.active{box-shadow:-7px 7px 0 var(--cat-color);transform:translate(3px,-3px)}[dir=rtl] .dark-mode .faq-category-card.active{box-shadow:-7px 7px #fff}[dir=rtl] .faq-category-icon-wrapper{box-shadow:-2px 2px #1a1a1a}[dir=rtl] .dark-mode .faq-category-icon-wrapper{box-shadow:-2px 2px #fff}.faq-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:4rem;position:relative}.faq-list-enter-active,.faq-list-leave-active{transition:all .4s cubic-bezier(.165,.84,.44,1)}.faq-list-enter-from,.faq-list-leave-to{opacity:0;transform:scale(.9) translateY(20px)}.faq-list-leave-active{position:absolute;width:100%;z-index:0}.faq-list-move{transition:transform .4s cubic-bezier(.165,.84,.44,1)}.faq-item-page{background:#fff;border:3px solid var(--item-cat-color,#1a1a1a);border-radius:12px;box-shadow:6px 6px 0 var(--item-cat-color,#1a1a1a);overflow:hidden;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.dark-mode .faq-item-page{background:#1e1e1e;border-color:var(--item-cat-color,#fff);box-shadow:6px 6px 0 var(--item-cat-color,#fff)}.faq-item-page:hover{border-color:var(--item-cat-color,var(--color-primary));box-shadow:8px 8px 0 var(--item-cat-color,var(--color-primary));transform:translateY(-4px) translate(-2px)}.dark-mode .faq-item-page:hover{border-color:var(--item-cat-color,#fff);box-shadow:8px 8px 0 var(--item-cat-color,#fff)}.faq-question-page{align-items:center;background:transparent;border:none;color:var(--color-heading);cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;justify-content:space-between;padding:1.5rem 2rem;text-align:left;transition:all .3s;width:100%}.faq-icon-page,.faq-question-page.active,.faq-question-page:hover{color:var(--item-cat-color,var(--color-primary))}.faq-icon-page{flex-shrink:0;font-size:1.5rem;font-weight:700;margin-left:1rem;transition:transform .3s}[dir=rtl] .faq-item-page{box-shadow:-6px 6px 0 var(--item-cat-color,#1a1a1a)}[dir=rtl] .dark-mode .faq-item-page{box-shadow:-6px 6px 0 var(--item-cat-color,#fff)}[dir=rtl] .faq-item-page:hover{box-shadow:-8px 8px 0 var(--item-cat-color,var(--color-primary));transform:translateY(-4px) translate(2px)}[dir=rtl] .dark-mode .faq-item-page:hover{box-shadow:-8px 8px 0 var(--item-cat-color,#fff)}.faq-answer-page{max-height:0;overflow:hidden;transition:max-height .3s ease-out,padding .3s ease-out}.faq-answer-page.open{max-height:500px;padding:0 2rem 1.5rem}.faq-answer-page p{color:var(--color-text-secondary);font-size:1rem;line-height:1.8}.help-section{background:#fff;border:3px solid #1a1a1a;border-radius:20px;box-shadow:8px 8px #1a1a1a;padding:3rem;text-align:center}.dark-mode .help-section{background:#1e1e1e;border-color:#fff;box-shadow:8px 8px 0 var(--color-primary)}.contact-btn{background:var(--color-primary);border:3px solid #1a1a1a;border-radius:50px;box-shadow:4px 4px #1a1a1a;color:#fff;display:inline-block;font-size:1.05rem;font-weight:600;padding:1.2rem 2.5rem;text-decoration:none;transition:all .3s}.dark-mode .contact-btn{border-color:#fff;box-shadow:4px 4px 0 var(--color-primary)}.contact-btn:hover{border-color:var(--color-primary);box-shadow:6px 6px 0 var(--color-primary);transform:translateY(-3px) translate(-1px)}.dark-mode .contact-btn:hover{border-color:#fff;box-shadow:6px 6px #fff}@media(max-width:768px){.page-hero{padding:3rem 3%}.page-hero-content h1{font-size:2rem}.page-subtitle{font-size:1rem}.faq-page-section{padding:3rem 3%}.faq-categories{gap:.75rem}.category-btn{font-size:.9rem;padding:.6rem 1.2rem}.faq-question-page{font-size:1rem;padding:1.25rem 1.5rem}.faq-answer-page.open{padding:0 1.5rem 1.25rem}.help-section{padding:2rem}.help-section h2{font-size:1.5rem}.help-section p{font-size:1rem}}
