.faq-heading { padding:78px 7% 48px; position:relative; }.faq-heading h1 { font-size:clamp(3.4rem,7vw,6rem); letter-spacing:-.09em; line-height:.9; margin:22px 0 26px; }.faq-heading h1 em { color:#a98cff; font-style:normal; }.faq-heading>p:last-child { color:var(--muted); line-height:1.6; max-width:470px; }
.faq-grid { display:grid; gap:14px; grid-template-columns:repeat(2,minmax(0,1fr)); padding:0 0 70px; }.faq-card { animation:faqRise .7s both; background:linear-gradient(145deg,rgba(17,22,37,.9),rgba(12,16,31,.82)); border:1px solid var(--line); display:grid; gap:18px; grid-template-columns:34px 1fr; overflow:hidden; padding:25px; position:relative; transition:border-color .25s,box-shadow .25s,transform .25s; }.faq-card::before { background:linear-gradient(110deg,transparent 30%,rgba(169,140,255,.14),transparent 70%); content:''; inset:0; pointer-events:none; position:absolute; transform:translateX(-120%); transition:transform .7s ease; }.faq-card:hover { border-color:rgba(169,140,255,.62); box-shadow:0 18px 42px rgba(0,0,0,.25); transform:translateY(-4px); }.faq-card:hover::before { transform:translateX(120%); }.faq-wide { grid-column:1 / -1; }.faq-number { color:#a98cff; font-family:var(--mono); font-size:.65rem; padding-top:3px; }.faq-card h2 { color:#fff; font-size:1.45rem; letter-spacing:-.06em; margin:10px 0 15px; }.faq-card .panel-kicker { color:#62dc88; }.faq-card p:not(.panel-kicker) { color:#aeb3c9; font-size:.8rem; line-height:1.65; margin-top:12px; max-width:760px; }.faq-card a { color:#b39cff; text-decoration:none; }.faq-card a:hover { color:#fff; }.coin-list { display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; }.coin-list span { background:rgba(98,220,136,.08); border:1px solid rgba(98,220,136,.25); color:#8ee6a9; font-family:var(--mono); font-size:.62rem; padding:8px 10px; }.faq-support { border-color:rgba(98,220,136,.42); }.faq-link { display:inline-block; font-family:var(--mono); font-size:.66rem; letter-spacing:.08em; margin-top:18px; text-transform:uppercase; }.faq-shell footer a { color:var(--ink); text-decoration:none; }.faq-shell footer a:hover { color:#a98cff; }
@keyframes faqRise { from { opacity:0; transform:translateY(16px); } to { opacity:1; transform:translateY(0); } }
@media(max-width:800px) { .faq-heading { padding-left:0; padding-right:0; }.faq-grid { grid-template-columns:1fr; }.faq-wide { grid-column:auto; } }
@media(max-width:520px) { .faq-heading { padding:60px 0 40px; }.faq-card { padding:19px; }.faq-card h2 { font-size:1.3rem; } }
@media(prefers-reduced-motion:reduce) { .faq-card { animation:none; }.faq-card::before { display:none; } }