.support-main { min-height: 68vh; }
.support-hero {
  position: relative;
  overflow: hidden;
  padding: 76px 0 58px;
  border-bottom: 1px solid rgba(118, 139, 183, .18);
  background:
    radial-gradient(circle at 75% 0, rgba(104, 91, 255, .2), transparent 38%),
    linear-gradient(180deg, #0a1529, #07101f);
}
.support-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .17;
  pointer-events: none;
  background-image: linear-gradient(rgba(120, 145, 205, .1) 1px, transparent 1px), linear-gradient(90deg, rgba(120, 145, 205, .1) 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: linear-gradient(to bottom, black, transparent 92%);
}
.support-hero .wrap { position: relative; }
.support-hero h1 { max-width: 760px; margin: 12px 0 15px; font-size: clamp(45px, 6vw, 68px); }
.support-hero h1 span { color: #b6c0ff; }
.support-hero p { max-width: 720px; margin: 0; color: #b7c2d7; font-size: 19px; }
.support-content { padding: 62px 0 80px; }
.support-grid { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(255px, .65fr); gap: 40px; align-items: start; }
.support-section + .support-section { margin-top: 46px; }
.support-section h2 { margin: 0 0 17px; color: #f5f7ff; font-size: 29px; letter-spacing: -.025em; }
.faq-list { display: grid; gap: 10px; }
.faq-list details { border: 1px solid #2c4163; border-radius: 14px; background: rgba(13, 27, 53, .67); }
.faq-list details[open] { border-color: #536c9f; background: rgba(16, 32, 62, .94); }
.faq-list summary { position: relative; padding: 19px 52px 19px 20px; color: #edf2fb; font-weight: 680; cursor: pointer; list-style: none; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary::after { content: "+"; position: absolute; right: 20px; top: 50%; translate: 0 -50%; color: #91a4ff; font-size: 22px; font-weight: 400; }
.faq-list details[open] summary::after { content: "−"; }
.faq-list details p { margin: -3px 52px 19px 20px; color: #afbbce; font-size: 15px; line-height: 1.62; }
.support-aside { position: sticky; top: 104px; border: 1px solid #405784; border-radius: 18px; padding: 25px; background: linear-gradient(145deg, rgba(25, 43, 79, .94), rgba(13, 26, 51, .96)); }
.support-aside h2 { margin: 9px 0 10px; font-size: 25px; line-height: 1.15; }
.support-aside p { margin: 0 0 20px; color: #b3bed0; font-size: 14px; }
.primary-support-link { min-height: 44px; display: inline-flex; align-items: center; gap: 8px; border-radius: 11px; padding: 10px 15px; background: linear-gradient(135deg, #607cff, #9270ff); color: #fff; font-size: 13px; font-weight: 750; text-decoration: none; }
.support-note { margin-top: 17px !important; color: #8f9eb5 !important; font-size: 12px !important; }
.contact-options { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.contact-option { border: 1px solid #2f466d; border-radius: 16px; padding: 22px; background: linear-gradient(145deg, rgba(16, 31, 60, .9), rgba(10, 22, 43, .92)); }
.contact-option span { display: block; color: #91a4ff; font-size: 11px; font-weight: 750; letter-spacing: .09em; text-transform: uppercase; }
.contact-option h2 { margin: 8px 0 7px; font-size: 21px; }
.contact-option p { min-height: 66px; margin: 0 0 17px; color: #abb7ca; font-size: 14px; line-height: 1.55; }
.contact-option a { color: #e2e8ff; font-size: 13px; font-weight: 720; text-decoration: none; }
.contact-option a:hover { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.contact-safety { margin-top: 22px; border-left: 3px solid #58dce9; padding: 4px 0 4px 17px; color: #aeb9cc; font-size: 13px; }
.contact-safety strong { display: block; margin-bottom: 4px; color: #edf2fb; }
.contact-panel { border: 1px solid #324a70; border-radius: 19px; padding: 28px; background: linear-gradient(145deg, rgba(16, 31, 60, .92), rgba(9, 21, 41, .94)); }
.contact-panel h2 { margin: 8px 0 8px; font-size: 29px; }
.contact-panel-intro { margin: 0 0 24px; color: #abb7ca; font-size: 14px; line-height: 1.6; }
.contact-form { display: grid; grid-template-columns: 1fr 1fr; gap: 17px; }
.contact-field { display: grid; gap: 7px; }
.contact-field.full, .contact-confirm.full, .contact-submit.full, .contact-status.full { grid-column: 1 / -1; }
.contact-field label { color: #edf2fb; font-size: 14px; font-weight: 680; }
.contact-field label span { color: #8f9db3; font-size: 12px; font-weight: 500; }
.contact-field input, .contact-field select, .contact-field textarea { width: 100%; border: 1px solid #40577e; border-radius: 11px; padding: 13px 14px; background: #081426; color: #fff; font: inherit; }
.contact-field input, .contact-field select { min-height: 49px; }
.contact-field textarea { min-height: 138px; resize: vertical; }
.contact-field input:focus, .contact-field select:focus, .contact-field textarea:focus { border-color: #7188ff; outline: 0; box-shadow: 0 0 0 3px rgba(113, 136, 255, .15); }
.contact-confirm { display: flex; align-items: flex-start; gap: 11px; border: 1px solid #354b70; border-radius: 11px; padding: 13px 14px; background: rgba(8, 20, 38, .72); color: #c5cfdf; font-size: 13px; line-height: 1.5; }
.contact-confirm input { width: 18px; height: 18px; flex: 0 0 18px; margin: 2px 0 0; accent-color: #7188ff; }
.contact-submit { min-height: 50px; border: 0; border-radius: 11px; padding: 13px 18px; background: linear-gradient(135deg, #607cff, #9270ff); color: #fff; font: inherit; font-weight: 800; cursor: pointer; }
.contact-submit:hover { filter: brightness(1.07); }
.contact-status { margin: -4px 0 0; color: #8f9eb5; font-size: 12px; }
.breadcrumb { display: inline-flex; align-items: center; gap: 7px; color: #9eabc0; font-size: 12px; text-decoration: none; }
.breadcrumb:hover { color: #fff; }
@media (max-width: 760px) {
  .support-hero { padding: 52px 0 42px; }
  .support-hero h1 { font-size: 44px; }
  .support-hero p { font-size: 17px; }
  .support-content { padding: 44px 0 58px; }
  .support-grid { grid-template-columns: 1fr; gap: 28px; }
  .support-aside { position: static; }
  .contact-options { grid-template-columns: 1fr; }
  .contact-option p { min-height: 0; }
  .contact-form { grid-template-columns: 1fr; }
  .contact-field.full, .contact-confirm.full, .contact-submit.full, .contact-status.full { grid-column: auto; }
}
@media (max-width: 560px) {
  .support-hero h1 { font-size: 39px; }
  .faq-list summary { padding: 17px 45px 17px 16px; font-size: 15px; }
  .faq-list details p { margin: -2px 42px 17px 16px; font-size: 14px; }
  .contact-panel { padding: 21px 17px; }
}