.support-page main { min-height: calc(100vh - 156px); }

.support {
  display: grid;
  grid-template-columns: .85fr 1.15fr;
  gap: clamp(36px, 7vw, 96px);
  margin-top: clamp(48px, 8vw, 110px);
  margin-bottom: 54px;
  padding: clamp(34px, 5vw, 68px);
  border: 1px solid var(--line);
  border-radius: 24px;
  background: linear-gradient(135deg, rgba(86, 58, 135, .42), rgba(20, 31, 79, .72));
  box-shadow: 0 28px 80px rgba(0, 0, 0, .22);
}

.section-label {
  margin-bottom: 10px;
  color: var(--pink);
  font-size: .82rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.support h1 { font-size: clamp(2.4rem, 4vw, 4rem); }
.support-intro > p:not(.section-label) { margin-top: 18px; color: var(--muted); line-height: 1.65; }

.support-button {
  display: inline-block;
  margin-top: 28px;
  padding: 14px 24px;
  border-radius: 999px;
  background: linear-gradient(110deg, #c477b0, #6c4cf6);
  font-weight: 700;
  box-shadow: 0 12px 30px rgba(92, 65, 221, .28);
}

.support-intro .response-time { font-size: .88rem; }
.support-faq { border-top: 1px solid rgba(255,255,255,.18); }
.support-faq details { border-bottom: 1px solid rgba(255,255,255,.18); }
.support-faq summary { position: relative; padding: 19px 36px 19px 0; cursor: pointer; font-weight: 700; list-style: none; }
.support-faq summary::-webkit-details-marker { display: none; }
.support-faq summary::after { position: absolute; top: 18px; right: 5px; content: "+"; color: var(--pink); font-size: 1.3rem; }
.support-faq details[open] summary::after { content: "−"; }
.support-faq details p { padding: 0 36px 18px 0; color: var(--muted); line-height: 1.55; }
.support-faq details a { color: var(--pink); text-decoration: underline; text-underline-offset: 3px; }

@media (max-width: 1100px) {
  .support { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
  .support { padding: 28px 22px; }
}