/* Existing resend flow, using the course site's shared brand and form primitives. */
.support-page{background:var(--light)}
.support-page .container{width:min(100% - 80px,1080px)}
.support-header{background:#fff;color:var(--ink);border-bottom:1px solid #dfe2e8}
.support-header .topbar{min-height:74px;border-bottom:0}
.support-header .brand-caption{color:#686b73;border-color:#d0d3da}
.support-header .brand-word i{color:var(--red)}
.support-back{font-size:.875rem;display:flex;align-items:center;gap:22px;min-height:44px}
.support-back:hover{text-decoration:underline;text-underline-offset:5px}
.support-main{display:grid;grid-template-columns:.9fr 1.1fr;align-items:start;gap:76px;padding-block:64px 72px}
.support-intro{padding-top:10px}
.support-intro h1{font-size:clamp(2.5rem,4vw,3.5rem);letter-spacing:-.065em;line-height:1.2}
.support-lead{font-size:1rem;line-height:1.85;color:var(--muted);margin-top:22px}
.support-no-payment{margin-top:26px;font-size:1rem;line-height:1.85}
.support-no-payment strong{font-weight:700}
.support-checklist{margin-top:32px;border-top:1px solid #d8dae0;padding-top:23px}
.support-checklist h2{font-size:.9375rem;letter-spacing:-.025em;margin-bottom:10px;font-weight:650}
.support-checklist ul{margin:0;padding-left:18px;display:grid;gap:8px;color:var(--muted);font-size:.875rem;line-height:1.8}
.support-card{min-width:0;padding:32px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--red);border-radius:12px;box-shadow:0 8px 30px #181a2005}
.support-card-heading{display:flex;align-items:center;gap:14px;padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--line)}
.support-mark{display:grid;place-items:center;flex-shrink:0;width:44px;height:52px;border:1px solid #e1e2e6;border-radius:4px;font-size:.9375rem;font-weight:850;letter-spacing:-.05em}
.support-card-heading p{font-size:.8125rem;color:var(--muted);margin-bottom:3px}
.support-card-heading h2{font-size:1.125rem;font-weight:700;letter-spacing:-.035em;line-height:1.5}
.support-review-note{font-size:.875rem;line-height:1.7;color:#785712;background:#fff7e7;border:1px solid #ecdbb6;padding:12px 14px;margin-bottom:22px;border-radius:4px}
.support-card .form-field{margin-bottom:22px}
.support-card .form-field label{font-size:.9375rem}
.support-card .form-field>p{font-size:.875rem;line-height:1.7;margin-top:8px}
.support-card #email-help{font-size:.875rem;margin-top:8px}
.support-card .form-field>p strong{color:var(--ink);font-weight:600}
.support-card .form-field .optional{font-size:.875rem;font-weight:400;color:var(--muted);margin-left:5px}
.support-new-email{border-top:1px solid var(--line);padding-top:22px}
.support-card #btn{width:100%;justify-content:space-between;min-height:54px}
.support-card #btn:disabled{opacity:.65;cursor:wait;transform:none}
.support-form-note{text-align:center;color:var(--muted);font-size:.875rem;margin-top:12px;line-height:1.7}
.support-result{margin-top:22px;padding:18px 20px;border:1px solid var(--line);border-left:3px solid #646b7a;background:var(--light);border-radius:4px}
.support-result[hidden]{display:none}
.support-result[data-state="error"]{border-color:#ecd1d6;border-left-color:var(--red);background:#fff4f6}
.support-result[data-state="success"]{border-color:#c8dfce;border-left-color:#287548;background:#f1f8f3}
.support-result h3{font-size:1rem;font-weight:700;line-height:1.55;margin-bottom:6px;letter-spacing:-.025em}
.support-result p{font-size:1rem;line-height:1.8;overflow-wrap:anywhere;white-space:pre-line}
.support-result:focus-visible{outline:3px solid #4389e8;outline-offset:4px}
.support-contact{border-top:1px solid var(--line);padding-top:22px;margin-top:26px}
.support-contact>strong{font-size:.9375rem;font-weight:650}
.support-contact p{font-size:.875rem;color:var(--muted);line-height:1.8;margin-top:6px}
.support-contact a{font-size:.875rem;display:inline-flex;align-items:center;gap:14px;min-height:44px;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.support-footer{padding:24px 0 30px;background:var(--light)}
.support-footer .container{display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--muted);font-size:.8125rem}
.support-footer a{font-size:.875rem;min-height:44px;display:inline-flex;align-items:center;gap:14px}
@media(max-width:800px){
  .support-page .container{width:calc(100% - 44px)}
  .support-main{grid-template-columns:1fr;max-width:580px;gap:28px;padding-block:36px 48px}
  .support-intro{padding-top:0}.support-intro h1{font-size:2.5rem}
  .support-intro h1 br{display:none}.support-lead{margin-top:16px}
  .support-no-payment{margin-top:18px}.support-checklist{margin-top:20px;padding-top:18px}
  .support-card{padding:28px}.support-footer .container{flex-wrap:wrap;gap:4px}
}
@media(max-width:540px){
  .support-page .container{width:calc(100% - 40px)}
  .support-header .topbar{min-height:72px}.support-back{gap:10px}
  .support-intro h1{font-size:2.125rem}.support-intro .eyebrow{margin-bottom:12px}
  .support-lead br{display:none}.support-card{padding:24px 20px}
  .support-card-heading{gap:12px}.support-card-heading h2{font-size:1.0625rem}
}