.page-faq{max-width:1400px;margin:0 auto;color:#FFF6D6;background-color:#0A0A0A;font-family:'Segoe UI',Roboto,Helvetica,Arial,sans-serif;line-height:1.6} .page-faq__hero-section{padding-top:10px} .page-faq__hero-image-wrapper{width:100%;display:block} .page-faq__hero-image{display:block;width:100%;height:auto;object-fit:cover} .page-faq__hero-content{max-width:1060px;margin:0 auto;padding:28px 20px;text-align:center;background-color:#111111} .page-faq__hero-title{font-size:1.85rem;color:#FFF6D6;font-weight:800;line-height:1.3;margin:0 0 12px;letter-spacing:0.5px} .page-faq__hero-subtitle{font-size:1.1rem;color:#D0DDE7;max-width:760px;margin:0 auto 20px} .page-faq__hero-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;width:100%;max-width:100%;box-sizing:border-box} .page-faq__btn{display:inline-block;padding:13px 30px;border-radius:50px;text-decoration:none;font-weight:700;font-size:1rem;transition:opacity .2s ease;text-align:center;box-sizing:border-box;max-width:100%;white-space:normal;word-wrap:break-word} .page-faq__btn--primary{background:linear-gradient(180deg,#FFD86A 0%,#DDA11D 100%);color:#0A0A0A;border:none;box-shadow:0 2px 8px rgba(255,211,107,.15)} .page-faq__btn--primary:hover{opacity:.9} .page-faq__btn--secondary{background:transparent;color:#FFF6D6;border:2px solid #FFD36B} .page-faq__btn--secondary:hover{background:#2D2318;border-color:#FFF6D6} .page-faq__category-section{padding:48px 20px;background-color:#0A0A0A} .page-faq__section-title{text-align:center;font-size:1.8rem;color:#F2C14E;margin-bottom:8px;line-height:1.3} .page-faq__section-header .page-faq__section-title{text-align:left;font-size:1.6rem;color:#F2C14E} .page-faq__section-desc{text-align:center;color:#B9BDC7;margin:0 auto 30px;max-width:700px} .page-faq__category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1000px;margin:30px auto 0} .page-faq__category-item{background:#111111;border:1px solid #3A2A12;border-radius:14px;padding:28px 22px;transition:transform .2s ease,border-color .2s;box-sizing:border-box} .page-faq__category-item:hover{transform:translateY(-4px);border-color:#F2C14E} .page-faq__category-name{font-size:1.2rem;color:#FFF6D6;margin:0 0 10px} .page-faq__category-desc{font-size:.95rem;color:#B9BDC7;margin:0 0 16px} .page-faq__category-link{color:#F2C14E;font-weight:600;text-decoration:none;border-bottom:1px dashed #F2C14E;padding-bottom:2px;word-break:break-word} .page-faq__category-link:hover{color:#FFD36B;border-bottom-color:#FFD36B} .page-faq__accordion-section{padding:20px 20px 40px;background-color:#0A0A0A;max-width:900px;margin:0 auto;box-sizing:border-box;border-top:1px solid #3A2A12} .page-faq__section-header{margin-bottom:20px} .page-faq__section-header .page-faq__section-desc{text-align:left} .page-faq__time-frame-note{font-size:.8rem;color:#B9BDC7;background:#111111;border:1px solid #3A2A12;border-radius:8px;display:inline-block;padding:4px 14px;margin-bottom:18px} .page-faq__accordion-list{display:flex;flex-direction:column;gap:12px} .page-faq__accordion-item{background:#111111;border:1px solid #3A2A12;border-radius:12px;overflow:hidden} .page-faq__accordion-item[open]{border-color:#F2C14E} .page-faq__accordion-summary{display:flex;align-items:center;gap:14px;padding:18px 20px;cursor:pointer;list-style:none;user-select:none} .page-faq__accordion-summary::-webkit-details-marker{display:none} .page-faq__accordion-summary:hover{background:#1A1A18} .page-faq__accordion-icon{display:inline-flex;justify-content:center;align-items:center;width:34px;height:34px;border-radius:8px;background:#2A2417;color:#FFD36B;font-weight:700;font-size:1.4rem;flex-shrink:0;line-height:1;padding-bottom:3px;} .page-faq__accordion-icon[data-faq-toggle]{color:#FFD36B;font-weight:700;border:none} .page-faq__accordion-item[open] .page-faq__accordion-icon{border-color:#FFD36B;color:#FFD36B} .page-faq__accordion-title{font-size:1.1rem;font-weight:600;color:#FFF6D6;flex:1} .page-faq__accordion-content{padding:0 20px 20px 68px;color:#D0DDE7;font-size:.98rem} .page-faq__accordion-content p{margin:0 0 12px} .page-faq__accordion-content ul{margin:0 0 12px;padding-left:22px} .page-faq__accordion-content li{margin-bottom:6px;color:#D0DDE7} .page-faq__accordion-content a{color:#FFD36B;text-decoration:underline;word-break:break-word} .page-faq__accordion-content a:hover{color:#F2C14E} .page-faq__support-cta-section{padding:55px 20px;background-color:#111111;max-width:900px;margin:40px auto;border-radius:20px;border:1px solid #3A2A12;box-sizing:border-box} .page-faq__support-cta-content{text-align:center;max-width:700px;margin:0 auto} .page-faq__support-cta-title{color:#F2C14E;font-size:1.8rem;margin:0 0 14px;line-height:1.4} .page-faq__support-cta-desc{color:#D0DDE7;font-size:1.05rem;margin:0 0 24px} .page-faq__support-cta-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;width:100%;max-width:100%;box-sizing:border-box} img{max-width:100%;height:auto} a,button,input,summary{outline:none} @media (max-width:1024px){.page-faq__category-grid{grid-template-columns:repeat(2,1fr)} .page-faq__accordion-content{padding-left:30px} .page-faq__btn{margin:auto}} @media (max-width:768px){.page-faq__navbar-grid{grid-template-columns:1fr 1fr} .page-faq__category-grid{grid-template-columns:1fr 1fr;gap:16px} .page-faq__hero-title{font-size:1.4rem}.page-faq__hero-subtitle{font-size:1rem} .page-faq__section-title{font-size:1.4rem} .page-faq__section-header .page-faq__section-title{font-size:1.3rem} .page-faq__accordion-item .page-faq__accordion-title{font-size:1rem} .page-faq__accordion-content{padding:0 16px 16px 16px} .page-faq__accordion-summary{flex-wrap:wrap;padding:14px 16px} .page-faq__accordion-summary .page-faq__accordion-icon{width:30px;height:30px;font-size:1.2rem} .page-faq__accordion-title{flex-basis:calc(100% - 50px)} .page-faq__btn{padding:12px 18px;width:100%;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}.page-faq__support-cta-content .page-faq__btn{width:auto;max-width:100%} .page-faq__support-cta-actions{flex-direction:column;align-items:center} img{max-width:100%!important;height:auto!important} .page-faq section{overflow-x:hidden;max-width:100%}}