.faq-page { color:#0a2940; background:#f5f9fc; }
.faq-hero { position:relative; overflow:hidden; padding:92px 0 78px; color:#fff; background:linear-gradient(120deg,#071b2c 0%,#0b3d5e 62%,#087fab 100%); }
.faq-hero:after { position:absolute; right:-120px; bottom:-270px; width:560px; height:560px; content:""; border:1px solid rgba(101,207,241,.24); border-radius:50%; box-shadow:0 0 0 50px rgba(101,207,241,.04),0 0 0 100px rgba(101,207,241,.025); }
.faq-question-mark { position:absolute; z-index:0; top:50%; right:15%; display:flex; width:220px; height:220px; align-items:center; justify-content:center; transform:translateY(-50%) rotate(6deg); border:1px solid rgba(188,236,255,.24); border-radius:50%; color:rgba(188,236,255,.2); background:rgba(7,27,44,.18); box-shadow:0 0 0 18px rgba(101,207,241,.045), inset 0 0 45px rgba(101,207,241,.08); }
.faq-question-mark span { position:relative; z-index:1; margin-top:-18px; font-size:158px; font-weight:800; line-height:1; letter-spacing:-12px; text-shadow:0 8px 30px rgba(0,0,0,.16); }
.faq-question-mark i { position:absolute; right:28px; bottom:31px; display:flex; width:42px; height:42px; align-items:center; justify-content:center; color:#0a2940; border:4px solid #0b3d5e; border-radius:50%; background:#65cff1; font-size:18px; }
.faq-hero .container { position:relative; z-index:1; }
.faq-kicker { color:#bcecff; font-size:11px; font-weight:800; letter-spacing:2.2px; text-transform:uppercase; }
.faq-kicker span { display:inline-block; width:38px; height:2px; margin-right:10px; vertical-align:middle; background:#65cff1; }
.faq-hero h1 { max-width:720px; margin:17px 0 18px; color:#fff; font-size:clamp(40px,5vw,64px); font-weight:800; line-height:1.05; letter-spacing:-2px; }
.faq-hero h1 em { color:#65cff1; font-style:normal; }
.faq-hero p { max-width:670px; margin:0; color:#c9dce6; font-size:17px; line-height:1.75; }
.faq-content { padding:72px 0 90px; }
.faq-layout { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr); gap:44px; align-items:start; }
.faq-section-label { margin:0 0 10px; color:#109fd8; font-size:11px; font-weight:800; letter-spacing:2px; text-transform:uppercase; }
.faq-content h2 { margin:0 0 22px; color:#0a2940; font-size:32px; font-weight:800; letter-spacing:-.7px; }
.faq-list { display:grid; gap:12px; }
.faq-item { border:1px solid #d9e8f0; background:#fff; box-shadow:0 8px 24px rgba(10,41,64,.045); transition:border-color .2s ease,box-shadow .2s ease; }
.faq-item[open] { border-color:#65cff1; box-shadow:0 14px 30px rgba(10,41,64,.09); }
.faq-item summary { display:flex; padding:21px 24px; align-items:center; justify-content:space-between; gap:20px; cursor:pointer; list-style:none; color:#0a2940; font-size:15px; font-weight:800; line-height:1.4; }
.faq-item summary::-webkit-details-marker { display:none; }
.faq-item summary:after { flex:0 0 auto; color:#109fd8; content:'\f107'; font-family:FontAwesome; font-size:14px; transition:transform .2s ease; }
.faq-item[open] summary:after { transform:rotate(180deg); }
.faq-answer { padding:0 24px 23px; color:#526d7e; font-size:14px; line-height:1.75; }
.faq-answer p { margin:0; }
.faq-side { position:sticky; top:96px; padding:28px; border:1px solid #cfe4ee; background:linear-gradient(145deg,#eaf7fc,#fff); }
.faq-side-icon { display:flex; width:49px; height:49px; margin-bottom:20px; align-items:center; justify-content:center; color:#0a2940; border-radius:50%; background:#65cff1; font-size:21px; }
.faq-side h3 { margin:0 0 12px; color:#0a2940; font-size:21px; font-weight:800; }
.faq-side p { margin:0 0 20px; color:#526d7e; font-size:13px; line-height:1.7; }
.faq-side a { display:flex; padding:12px 15px; align-items:center; justify-content:space-between; color:#fff; background:#087fab; font-size:12px; font-weight:800; }
.faq-side a:hover { color:#fff; text-decoration:none; background:#0b3d5e; }
.faq-note { margin-top:30px; padding:18px 20px; border-left:3px solid #109fd8; color:#526d7e; background:#eaf3f7; font-size:12px; line-height:1.7; }
.faq-sources { margin-top:44px; padding-top:24px; border-top:1px solid #d9e8f0; color:#6d8491; font-size:11px; line-height:1.6; }
.faq-sources a { color:#087fab; }
@media (max-width:850px) { .faq-question-mark { right:7%; opacity:.65; } .faq-layout { grid-template-columns:1fr; } .faq-side { position:static; } }
@media (max-width:600px) { .faq-hero { padding:62px 0 54px; } .faq-question-mark { top:25%; right:-38px; width:150px; height:150px; opacity:.45; } .faq-question-mark span { font-size:110px; } .faq-question-mark i { right:15px; bottom:16px; width:32px; height:32px; border-width:3px; font-size:14px; } .faq-hero h1 { letter-spacing:-1px; } .faq-content { padding:52px 0 64px; } .faq-content h2 { font-size:28px; } .faq-item summary { padding:18px 19px; font-size:14px; } .faq-answer { padding:0 19px 20px; font-size:13px; } }