/* ============ Donate page: hero over the sun beams, info cards beside the Raisely form ============ */
.donate { position: relative; }
.donate-hero { position: relative; z-index: 1; padding: 220px var(--pad) 100px; text-align: center; }
.donate-hero h1 { font-size: 82px; line-height: 1; letter-spacing: -0.04em; font-weight: 500; }
.donate-hero p { width: 520px; max-width: 100%; margin: 28px auto 0; font-size: 20px; line-height: 1.3; letter-spacing: -0.03em; color: var(--text-2); }

.donate-body { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr 520px; gap: 60px; align-items: start;
  width: 1200px; max-width: calc(100% - 2 * var(--pad)); margin: 0 auto; padding-bottom: 200px; }
.donate-info { display: flex; flex-direction: column; gap: 20px; }
.donate-block { background: var(--surface); border-radius: 24px; padding: 32px; }
.donate-block h2 { font-size: 28px; line-height: 1.1; letter-spacing: -0.03em; font-weight: 500; }
.donate-block p { margin-top: 14px; font-size: 16px; line-height: 1.4; letter-spacing: -0.02em; font-weight: 400; color: var(--text-2); }
.donate-block .btn { margin-top: 22px; }
.donate-form { position: sticky; top: 110px; min-height: 560px; padding: 12px; border-radius: 24px; background: var(--surface);
  box-shadow: 0 30px 80px rgba(29,54,85,.1); }
.donate-form__anchor { position: absolute; top: -90px; left: 0; }   /* jump target, clear of the fixed nav */
.donate-form__note { padding: 14px 16px 6px; font-size: 13px; line-height: 1.4; font-weight: 400; color: var(--muted); text-align: center; }

@media (max-width: 1100px) {
  .donate-hero h1 { font-size: 54px; }
  .donate-body { grid-template-columns: 1fr; gap: 20px; }
  .donate-form { position: relative; top: 0; order: -1; }
}
@media (max-width: 809px) {
  .donate-hero { padding: 160px 20px 60px; }
  .donate-hero h1 { font-size: 42px; }
  .donate-hero p { font-size: 17px; }
  .donate-body { max-width: calc(100% - 40px); padding-bottom: 140px; }
  .donate-block { padding: 24px; }
  .donate-form { padding: 6px; }
  }