.support-page { min-height: 100vh; }
.support-main { padding: 104px 24px 100px; }
.support-main h1 { margin: 0; color: var(--acid); text-align: center; font: 400 36px/1 var(--display); letter-spacing: -.05em; text-transform: uppercase; }
.contact-form { display: flex; flex-direction: column; gap: 14px; width: min(580px, 100%); margin: 72px auto 0; }
.contact-names { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.contact-field { min-width: 0; }
.contact-field input, .contact-field textarea { display: block; width: 100%; min-height: 66px; margin: 0; padding: 18.5px 20px; border: 1px solid #dee1f5; border-radius: 16px; background: #fff; color: #292e2b; font: 500 18px/27px var(--sans); }
.contact-field textarea { height: 66px; resize: vertical; }
.contact-field input::placeholder, .contact-field textarea::placeholder { color: #737373; opacity: 1; }
.contact-field input:focus-visible, .contact-field textarea:focus-visible, .contact-submit:focus-visible { outline: 3px solid var(--acid); outline-offset: 4px; }
.contact-submit { min-height: 60px; padding: 16px 24px; border: 0; border-radius: 16px; background: var(--acid); color: #292e2b; cursor: pointer; font: 700 16px/24px var(--sans); }
.contact-submit:disabled { opacity: .65; cursor: wait; }
.contact-error { margin: 0; color: #ffb1a9; font-size: 14px; line-height: 1.5; }
.contact-error a, .contact-form noscript a { text-decoration: underline; }
.contact-success { width: min(580px, 100%); margin: 72px auto 0; padding: 24px; border: 1px solid var(--acid); color: var(--acid); font-size: 18px; line-height: 1.6; }
.support-note { width: min(550px, 100%); margin: 58px auto 0; color: #d2d2d2; font-size: 15px; line-height: 1.65; }
.support-note strong { color: #f8fefa; }
.contact-honeypot, [hidden] { display: none !important; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
@media (max-width: 640px) {
  .support-main { padding: 64px 20px 72px; }
  .support-main h1 { font-size: clamp(26px, 7vw, 36px); line-height: 1.12; }
  .contact-form, .contact-success { margin-top: 40px; }
  .contact-field input, .contact-field textarea { padding-inline: 16px; font-size: 16px; }
  .contact-names { gap: 12px; }
  .support-note { margin-top: 36px; font-size: 14px; }
}