.package-faq{padding:100px 0;background:radial-gradient(ellipse at 0 35%,#532e8f14,transparent 55%),#090e20;scroll-margin-top:110px}
.package-faq-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:80px;align-items:start}
.package-faq-intro .cf-section-title{margin:16px 0 22px;line-height:1.12;font-size:clamp(34px,3.6vw,48px)}
.package-faq-intro>p{max-width:330px;color:#9eaacd;font-size:15px;line-height:1.8}
.faq-support{max-width:320px;margin-top:34px;padding:24px;border:1px solid #2d3659;border-radius:18px;background:linear-gradient(130deg,#1b2140,#11172c)}
.faq-support-icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid #6852a4;border-radius:12px;background:#30244f;color:#cbb5ff;font-size:20px}
.faq-support h3{margin:18px 0 8px;font-size:17px;color:#f1edff}.faq-support p{font-size:13px;line-height:1.7;color:#9eaacd;margin:0 0 20px}
.faq-support a{display:flex;align-items:center;justify-content:space-between;color:#c8b5ff;font-weight:650;font-size:14px;text-decoration:none}.faq-support a:hover{color:#76e1ff}
.package-faq .faq-list{gap:12px;min-width:0}.package-faq .faq-list details{border:1px solid #283457;border-radius:16px;background:#10182e;box-shadow:0 5px 20px #00000012}
.package-faq .faq-list details[open]{border-color:#7060b8;background:linear-gradient(130deg,#1c2040,#121a31)}
.package-faq .faq-list summary{display:grid;grid-template-columns:36px minmax(0,1fr) 28px;gap:18px;min-height:82px;padding:18px 22px;box-sizing:border-box}
.package-faq .faq-list summary>span{width:34px;height:34px;background:#262746;border:1px solid #3b365f;border-radius:10px;font-size:11px;letter-spacing:.03em;color:#bca9ff}
.package-faq .faq-list summary strong{font-size:15px;font-weight:600;line-height:1.6;color:#eef0ff;min-width:0;overflow-wrap:normal;word-break:normal}
.package-faq .faq-list summary i{width:26px;height:26px;border-color:#3e4566;background:#151e37}.package-faq .faq-list summary i:before,.package-faq .faq-list summary i:after{left:7px;right:7px;top:12px;background:#bca9ff}
.package-faq .faq-answer{padding:0 24px 24px 76px}.package-faq .faq-answer p{margin:0;padding-top:17px;border-top:1px solid #343956;color:#acb6d2;font-size:14px;line-height:1.85}
.package-faq summary:focus-visible,.package-faq a:focus-visible,.site-footer a:focus-visible{outline:2px solid #67e8f9;outline-offset:5px;border-radius:7px}
.site-footer.cf-footer{padding:64px 0 0;background:#080d1c;border-top:1px solid #29314e}
.site-footer .cf-footer-grid{display:grid;grid-template-columns:minmax(0,1.65fr) repeat(3,minmax(0,1fr));gap:48px;padding-bottom:48px}
.site-footer .footer-intro{max-width:330px}.site-footer .cf-brand{margin:0 0 20px;justify-content:flex-start}.site-footer .cf-brand img{width:190px;max-width:100%;height:auto}
.site-footer .footer-intro>p{color:#8f9ab8;font-size:14px;line-height:1.85;margin:0 0 22px}
.site-footer .cf-footer-grid h3{font-size:13px;font-weight:700;color:#e1e7ff;margin:9px 0 24px;text-transform:uppercase;letter-spacing:.1em}
.site-footer .cf-footer-grid h3:after{display:none}.site-footer .cf-footer-grid ul{display:grid;gap:15px;margin:0;padding:0;list-style:none}
.site-footer .cf-footer-grid a{font-size:13px;text-decoration:none;color:#99a6c6;line-height:1.6}.site-footer .cf-footer-grid a:hover{color:#c4b5fd}
.site-footer .cf-social{display:flex;flex-wrap:wrap;gap:8px}.site-footer .cf-social a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 10px;border:1px solid #2b3452;border-radius:8px;background:#11192d;font-size:11px;color:#acb9d9}
.site-footer .cf-social a:hover{border-color:#7a61c1;background:#201d3b}.site-footer .cf-footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:25px 0;border-top:1px solid #232d49;margin:0}
.site-footer .cf-footer-bottom p{margin:0;font-size:12px;color:#7583a5}.site-footer .footer-legal{display:flex;flex-wrap:wrap;gap:22px}.site-footer .footer-legal a{font-size:12px;color:#8d9aba;text-decoration:none}.site-footer .footer-legal a:hover{color:#c4b5fd}
@media(max-width:1000px){.package-faq-layout{gap:32px;grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr)}.site-footer .cf-footer-grid{gap:28px;grid-template-columns:repeat(3,minmax(0,1fr))}.site-footer .footer-intro{grid-column:1/-1;max-width:500px}}
@media(max-width:700px){.package-faq{padding:58px 0}.package-faq-layout{grid-template-columns:minmax(0,1fr);gap:28px}.package-faq-intro .cf-section-title br{display:none}.package-faq-intro>p{max-width:none}.faq-support{max-width:none;margin-top:22px;padding:18px}.faq-support-icon{float:left;margin-right:12px}.faq-support h3{margin:0 0 6px}.faq-support p{margin:0 0 13px}.faq-support a{clear:both}.package-faq .faq-list summary{grid-template-columns:30px minmax(0,1fr) 24px;gap:12px;padding:16px 14px;min-height:76px}.package-faq .faq-list summary>span{width:28px;height:28px;font-size:10px}.package-faq .faq-list summary strong{font-size:14px;line-height:1.55}.package-faq .faq-list summary i{width:24px;height:24px}.package-faq .faq-list summary i:before,.package-faq .faq-list summary i:after{top:11px;left:6px;right:6px}.package-faq .faq-answer{padding:0 18px 20px}.package-faq .faq-answer p{font-size:13px}.site-footer.cf-footer{padding-top:40px}.site-footer .cf-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px;padding-bottom:35px}.site-footer .cf-footer-grid>div:not(:first-child){border:0;border-radius:0;background:none;padding:0}.site-footer .cf-footer-grid>div:not(:first-child) ul{display:grid;gap:13px}.site-footer .cf-footer-grid>div:not(:first-child) li+li{margin:0}.site-footer .cf-footer-grid>div:not(:first-child) a{padding:0;min-height:0;font-size:13px;background:none;display:inline}.site-footer .cf-footer-grid>div:not(:first-child) a:after{display:none}.site-footer .cf-footer-grid h3{margin:0 0 17px}.site-footer .cf-footer-bottom{align-items:flex-start;flex-direction:column;gap:16px}.site-footer .footer-legal{gap:12px 20px}}
@media(prefers-reduced-motion:reduce){.package-faq .faq-list details,.package-faq .faq-list details[open] .faq-answer{animation:none;transition:none}}

.package-faq-intro{min-width:0}
@media(max-width:700px){.faq-support{display:grid;grid-template-columns:36px minmax(0,1fr);gap:8px 12px}.faq-support-icon{float:none;margin:0;grid-row:1/3}.faq-support h3,.faq-support p{grid-column:2;margin:0}.faq-support a{grid-column:1/-1;margin-top:8px}}
