.nx-faq { position:relative; isolation:isolate; overflow:hidden; padding:64px 0 55px; background:radial-gradient(ellipse at 90% 15%,#03397940,transparent 48%),radial-gradient(ellipse at 0 60%,#00427e22,transparent 45%),#020d18; color:#f1f7ff; border-top:1px solid #10324c; scroll-margin-top:84px; }
.nx-faq::before { content:''; position:absolute; z-index:-1; width:660px; height:780px; border:1px solid #077bd35c; border-radius:50%; left:-580px; top:100px; transform:rotate(-20deg); box-shadow:0 0 0 12px #07368218,0 0 0 23px #07368215; }
.nx-faq-container { width:min(1200px,calc(100% - 64px)); margin:auto; }
.nx-faq-heading { display:grid; grid-template-columns:minmax(0,1fr) 300px; align-items:center; gap:12px; margin:0 0 15px; }
.nx-faq-heading > div > span { color:#00d4ff; font-size:11px; letter-spacing:2.5px; font-weight:700; }
.nx-faq-heading h2 { margin:13px 0 15px; font-size:clamp(34px,3.7vw,49px); font-weight:800; letter-spacing:-1.6px; line-height:1.15; }
.nx-faq-heading em { font-style:normal; background:linear-gradient(90deg,#6adeff,#0097ff); background-clip:text; -webkit-text-fill-color:transparent; }
.nx-faq-heading p { max-width:680px; margin:0; color:#b6cfe3; font-size:15px; line-height:1.65; }
.nx-faq-art { width:100%; height:auto; filter:drop-shadow(0 4px 12px #006fff3a); }
.nx-faq-list { max-width:1100px; margin:0 auto; display:grid; gap:8px; }
.nx-faq-list details { min-width:0; border:1px solid #164b68; border-radius:14px; background:linear-gradient(110deg,#021521b3,#02101cd9); overflow:hidden; }
.nx-faq-list details[open] { border-color:#00b4e9; background:radial-gradient(ellipse at 100% 100%,#0063a328,transparent 40%),linear-gradient(110deg,#021521,#031929); }
.nx-faq-list summary { display:flex; align-items:center; gap:30px; padding:8px 18px; min-height:54px; cursor:pointer; list-style:none; }
.nx-faq-list summary::-webkit-details-marker { display:none; }.nx-faq-list summary::marker { content:''; }
.nx-faq-list summary:focus-visible { outline:2px solid #69e0ff; outline-offset:-4px; border-radius:12px; }
.nx-faq-number { width:35px; height:35px; flex:0 0 auto; border:1px solid #00c6ff; border-radius:50%; display:grid; place-items:center; background:linear-gradient(130deg,#0757b7,#071a49); color:#d9f5ff; font-size:13px; font-weight:700; box-shadow:0 0 10px #0378c31c; }
.nx-faq-list details[open] .nx-faq-number { background:linear-gradient(130deg,#0090df,#0b3be2); }
.nx-faq-list summary strong { flex:1; font-size:13px; line-height:1.5; }
.nx-faq-toggle { position:relative; width:26px; height:26px; flex:0 0 auto; border-radius:50%; border:1px solid #145779; background:#00182c; }
.nx-faq-toggle::before,.nx-faq-toggle::after { content:''; position:absolute; background:#00d1ff; top:11px; left:7px; width:10px; height:2px; }
.nx-faq-toggle::after { transform:rotate(90deg); }
.nx-faq-list details[open] .nx-faq-toggle::before { width:7px; transform:rotate(-45deg); left:6px; }
.nx-faq-list details[open] .nx-faq-toggle::after { width:7px; transform:rotate(45deg); left:10px; }
.nx-faq-answer { display:flex; align-items:flex-start; gap:22px; margin:0 18px; padding:18px 35px 22px 40px; border-top:1px solid #103047; }
.nx-faq-answer p { margin:0; color:#acc7dc; font-size:12px; line-height:1.75; }
.nx-faq-answer-icon { width:57px; height:57px; flex:0 0 auto; display:grid; place-items:center; border-radius:13px; background:linear-gradient(140deg,#063e63,#022139); }
.nx-faq-answer-icon svg { width:32px; height:35px; fill:#00beff22; stroke:#00cbff; stroke-width:2; stroke-linejoin:round; }
.nx-faq-support { display:flex; align-items:center; gap:25px; padding:22px 30px; margin:20px auto 0; border:1px solid #085998; border-radius:14px; background:linear-gradient(100deg,#041529,#021123); }
.nx-faq-support-icon { width:58px; height:60px; flex:0 0 auto; display:grid; place-items:center; border:1px solid #057ddb; border-radius:15px; background:linear-gradient(135deg,#043767,#071734); }
.nx-faq-support-icon svg { width:33px; height:35px; fill:#009aff22; stroke:#00c9ff; stroke-width:3; stroke-linecap:round; stroke-linejoin:round; }
.nx-faq-support h3 { margin:0 0 6px; font-size:22px; letter-spacing:-.4px; }.nx-faq-support p { margin:0; color:#adc8df; font-size:13px; line-height:1.6; }
.nx-faq-support a { display:flex; align-items:center; justify-content:center; gap:15px; min-height:47px; padding:0 26px; margin-left:auto; border:1px solid #397bff; border-radius:9px; background:linear-gradient(105deg,#00b8ed,#7839ff); color:white; font-size:13px; font-weight:700; white-space:nowrap; }
.nx-faq-support a:hover { filter:brightness(1.12); }.nx-faq-support a:focus-visible { outline:2px solid #69e0ff; outline-offset:4px; }
@media (max-width:1000px) { .nx-faq-heading { grid-template-columns:minmax(0,1fr) 240px; }.nx-faq-heading h2 { font-size:38px; }.nx-faq-support { padding:20px; gap:18px; } }
@media (max-width:700px) { .nx-faq { padding:46px 0 34px; }.nx-faq-container { width:calc(100% - 28px); max-width:500px; }.nx-faq-heading { grid-template-columns:1fr; gap:0; text-align:center; margin-bottom:0; }.nx-faq-heading > div > span { font-size:9px; letter-spacing:2px; }.nx-faq-heading h2 { font-size:29px; letter-spacing:-.8px; margin:11px 0 12px; }.nx-faq-heading em { display:block; }.nx-faq-heading p { font-size:13px; padding:0 8px; line-height:1.55; }.nx-faq-art { width:270px; max-width:100%; margin:10px auto 0; }.nx-faq-list { gap:7px; }.nx-faq-list details { border-radius:12px; }.nx-faq-list summary { padding:8px 10px; gap:11px; min-height:50px; }.nx-faq-number { width:32px; height:33px; font-size:12px; }.nx-faq-list summary strong { font-size:11px; line-height:1.6; }.nx-faq-toggle { width:24px; height:24px; }.nx-faq-toggle::before,.nx-faq-toggle::after { left:6px; top:10px; }.nx-faq-list details[open] .nx-faq-toggle::before { left:5px; }.nx-faq-list details[open] .nx-faq-toggle::after { left:9px; }.nx-faq-answer { margin:0 10px; padding:12px 1px 15px; gap:10px; }.nx-faq-answer-icon { width:34px; height:36px; border-radius:8px; }.nx-faq-answer-icon svg { width:23px; height:26px; }.nx-faq-answer p { font-size:11px; line-height:1.65; }.nx-faq-support { display:grid; grid-template-columns:44px minmax(0,1fr); gap:13px; padding:13px 11px 11px; margin-top:16px; }.nx-faq-support-icon { width:44px; height:47px; border-radius:12px; }.nx-faq-support-icon svg { width:27px; height:30px; }.nx-faq-support h3 { font-size:13px; margin-bottom:5px; }.nx-faq-support p { font-size:10px; }.nx-faq-support a { grid-column:1/-1; width:100%; min-height:43px; margin:0; font-size:12px; } }