body.sponsorship-page {
  min-height: 100vh;
  font-family: "Roboto", sans-serif;
}

.sponsorship-page .sponsorship-main {
  width: min(1320px, 100%);
  padding: 20px 16px 36px;
}

.sponsorship-page .sponsorship-hero {
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 28px;
  padding: 34px 38px;
  border: 1px solid var(--home-clean-line);
  border-top: 5px solid #bd2028;
  border-radius: var(--home-clean-radius);
  background: var(--home-clean-surface);
  color: var(--home-clean-ink);
  box-shadow: var(--home-clean-shadow);
}

.sponsorship-page .sponsorship-eyebrow,
.sponsorship-page .sponsorship-form-heading > span {
  color: #bd2028;
  font-size: .75rem;
}

.sponsorship-page .sponsorship-hero h1 {
  margin: 6px 0 8px;
  color: #20252a;
  font-family: "Roboto Condensed", sans-serif;
  font-size: clamp(2.2rem, 5vw, 4rem);
  line-height: .98;
}

.sponsorship-page .sponsorship-hero p {
  max-width: 820px;
  color: var(--home-clean-muted);
  font-size: 1rem;
  line-height: 1.55;
}

.sponsorship-hero-action {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  align-self: center;
  justify-content: center;
  gap: 8px;
  padding: 0 18px;
  border: 1px solid #0b63a1;
  border-radius: 5px;
  background: #1476bd;
  color: #fff;
  font-size: .82rem;
  font-weight: 900;
  text-decoration: none;
  white-space: nowrap;
}

.sponsorship-hero-action:hover { background: #0d619d; color: #fff; }

.sponsorship-page .sponsorship-options {
  gap: var(--home-clean-gap);
  margin: 12px 0;
}

.sponsorship-page .sponsorship-options article {
  min-height: 112px;
  padding: 16px;
  border-color: var(--home-clean-line);
  border-top-color: #bd2028;
  border-radius: var(--home-clean-radius);
  box-shadow: var(--home-clean-shadow);
}

.sponsorship-page .sponsorship-options i { color: #1476bd; }
.sponsorship-page .sponsorship-options strong { font-family: "Roboto Condensed", sans-serif; font-size: 1rem; }
.sponsorship-page .sponsorship-options span { font-size: .82rem; }

.sponsorship-page .sponsorship-donate {
  margin: 12px 0;
  border-color: #d8bd55;
  border-left: 5px solid #f2b705;
  border-radius: var(--home-clean-radius);
  background: #fffdf4;
  box-shadow: var(--home-clean-shadow);
}

.sponsorship-page .sponsorship-form-card {
  margin-top: 12px;
  padding: 30px;
  border-color: var(--home-clean-line);
  border-radius: var(--home-clean-radius);
  background: var(--home-clean-surface);
  box-shadow: var(--home-clean-shadow);
}

.sponsorship-page .sponsorship-form-heading {
  padding-bottom: 18px;
  border-bottom: 1px solid var(--home-clean-line);
}

.sponsorship-page .sponsorship-form-heading h2 {
  color: #20252a;
  font-family: "Roboto Condensed", sans-serif;
}

.sponsorship-page .sponsorship-grid label > span { color: #303940; font-size: .875rem; }
.sponsorship-page .sponsorship-grid input,
.sponsorship-page .sponsorship-grid select,
.sponsorship-page .sponsorship-grid textarea { border-color: #b9c2c9; border-radius: 4px; }

.sponsorship-page .sponsorship-submit-row button {
  border-color: #0b63a1;
  background: #1476bd;
  color: #fff;
}

.sponsorship-page .sponsorship-submit-row button:hover { background: #0d619d; }
.sponsorship-page #footer { width: min(1320px, 100%); margin: 12px auto 0; }

@media (max-width: 700px) {
  .sponsorship-page .sponsorship-main { padding: 12px 10px 26px; }
  .sponsorship-page .sponsorship-hero { grid-template-columns: 1fr; padding: 26px 22px; }
  .sponsorship-hero-action { justify-self: start; }
  .sponsorship-page .sponsorship-form-card { padding: 24px 18px; }
}