/* Figma: Forms - Website Reset, 409:2. Reuses the approved v2 theme tokens. */
.reset-contact-shell { max-width: 1180px; width: calc(100% - 48px); margin: 80px auto; }
.reset-contact { display: grid; grid-template-columns: minmax(0, 480fr) minmax(0, 620fr); gap: 80px; align-items: start; }
.reset-contact [hidden] { display: none !important; }
.reset-contact__intro { display: flex; flex-direction: column; gap: 26px; }
.reset-contact p, .reset-contact h1, .reset-contact h2 { margin: 0; }
.reset-contact h1 { max-width: none; font-size: 56px; line-height: 1.06; }
.reset-contact__eyebrow { font: 500 10.5px/1.6 var(--mono); color: var(--signal); }
.reset-contact__lede { font-size: 18px; line-height: 1.6; }
.reset-contact__note { font-size: 14px; line-height: 1.6; }
.reset-contact__panel { min-width: 0; padding: 34px; border: 1px solid var(--line); background: var(--surface); }
.reset-contact form, .reset-contact fieldset { display: flex; flex-direction: column; gap: 26px; }
.reset-contact fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
.reset-contact__required { font-size: 13px; }
.reset-field { display: flex; flex-direction: column; gap: 8px; }
.reset-field span { color: var(--text); font: 500 10.5px/14px var(--mono); }
.reset-field input, .reset-field textarea { width: 100%; min-width: 0; padding: 12px 18px; border: 1px solid var(--meta); border-radius: 2px; background: var(--bg); color: var(--text); font: 400 16px/26px var(--sans); }
.reset-field input::placeholder { color: var(--meta); opacity: 1; }
.reset-field textarea { height: 140px; min-height: 140px; resize: vertical; }
.reset-field input:focus, .reset-field textarea:focus { border-color: var(--signal); outline: 2px solid var(--signal); outline-offset: 3px; }
.reset-contact .cta { align-self: flex-start; width: 340px; max-width: 100%; min-height: 48px; margin: 0; padding: 11px 26px; cursor: pointer; }
.reset-contact .cta::after { content: none; }
.reset-contact fieldset:disabled, .reset-contact .cta:disabled { opacity: .55; }
.reset-contact .cta:disabled { cursor: wait; }
.reset-contact [data-reset-error] { color: var(--text); font-size: 14px; line-height: 1.6; }
.reset-contact [data-reset-success] { display: flex; flex-direction: column; gap: 18px; padding: 34px 0; }
.reset-contact [data-reset-success] h2 { font-size: 32px; line-height: 1.2; }
@media (max-width: 1000px) {
  .reset-contact-shell { margin: 44px auto; }
  .reset-contact { grid-template-columns: minmax(0, 1fr); gap: 40px; }
  .reset-contact h1 { font-size: 40px; }
  .reset-contact__panel { padding: 18px; }
  .reset-contact .cta { align-self: stretch; width: 100%; }
}