.help-page { padding-top: 24px; padding-bottom: 64px; color: #11183d; }
.help-breadcrumb { display: flex; align-items: center; gap: 9px; color: #6d7592; font-size: 12px; }
.help-breadcrumb a:hover { color: #6125da; }
.help-hero { max-width: 880px; margin: 52px auto 38px; text-align: center; }
.help-hero > p { margin: 0 0 10px; color: #6a2add; font-size: 12px; font-weight: 820; letter-spacing: .08em; }
.help-hero h1 { margin: 0; color: #0d1438; font-size: clamp(34px, 5vw, 52px); letter-spacing: -.045em; line-height: 1.05; }
.help-hero > span { display: block; max-width: 680px; margin: 16px auto 0; color: #56607d; line-height: 1.65; }
.help-hero form { display: grid; max-width: 650px; grid-template-columns: 1fr auto; margin: 26px auto 0; border: 1px solid #dcd9e8; border-radius: 13px; padding: 6px; background: #fff; box-shadow: 0 13px 34px rgb(36 29 89 / 8%); }
.help-hero input { min-width: 0; border: 0; padding: 0 14px; font: inherit; }.help-hero input:focus { outline: 0; }
.help-hero button, .help-contact > a { border: 0; border-radius: 9px; padding: 12px 20px; background: #682bdc; color: #fff; font-weight: 760; cursor: pointer; }
.help-topic-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.help-topic-grid article { display: grid; min-height: 230px; align-content: start; border: 1px solid #e0e1eb; border-radius: 14px; padding: 23px; background: #fff; box-shadow: 0 9px 28px rgb(38 32 82 / 5%); }
.help-topic-grid article > span { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 12px; background: #eee9ff; color: #682bdc; font-size: 22px; }
.help-topic-grid h2 { margin: 18px 0 8px; font-size: 18px; }.help-topic-grid p { margin: 0; color: #5e6782; font-size: 13px; line-height: 1.6; }
.help-topic-grid a { align-self: end; margin-top: 18px; color: #6225d8; font-size: 13px; font-weight: 760; }
.help-contact { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; border: 1px solid #d9d1f3; border-radius: 14px; padding: 25px 28px; background: linear-gradient(120deg, #faf7ff, #fff7fa); }
.help-contact h2 { margin: 0 0 5px; font-size: 20px; }.help-contact p { margin: 0; color: #626b85; }
.faq-layout { display: grid; max-width: 980px; gap: 30px; margin: 0 auto; }.faq-layout section { scroll-margin-top: 100px; }.faq-layout h2 { margin: 0 0 12px; font-size: 21px; }
.faq-layout details { border: 1px solid #e1e2eb; border-radius: 11px; background: #fff; }.faq-layout details + details { margin-top: 9px; }
.faq-layout summary { display: flex; min-height: 58px; align-items: center; justify-content: space-between; gap: 20px; padding: 0 18px; font-weight: 720; cursor: pointer; list-style: none; }.faq-layout summary::-webkit-details-marker { display: none; }.faq-layout details[open] summary span { transform: rotate(45deg); }
.faq-layout details p { margin: 0; border-top: 1px solid #ececf2; padding: 16px 18px 19px; color: #59637f; font-size: 13px; line-height: 1.65; }
.help-page--faq .help-contact { max-width: 980px; margin-right: auto; margin-left: auto; }
@media (max-width: 900px) { .help-topic-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px) { .help-page { padding-top: 16px; }.help-hero { margin-top: 38px; }.help-topic-grid { grid-template-columns: 1fr; }.help-hero form { grid-template-columns: 1fr; gap: 6px; }.help-hero input { min-height: 44px; }.help-contact { align-items: stretch; flex-direction: column; }.help-contact > a { text-align: center; } }