body.vp-page { background: #06152a; background-image: none; }
.support-content a { color: #72d9f5; text-decoration: underline; text-underline-offset: 4px; }
.support-intro { display: flex; align-items: center; padding: 46px 0 36px; }
.support-intro > div { flex: 1; min-width: 0; }
.support-intro > picture { flex: 0 0 190px; margin-left: 42px; }
.support-intro img { display: block; width: 100%; height: auto; }
.support-content h1 { font-size: 3.3rem; margin-top: 12px; margin-bottom: 22px; letter-spacing: -.035em; }
.support-content .support-lead { font-size: 1.1rem; line-height: 1.75; }
.support-content .support-free { color: #e4f4ff; font-size: .94rem; }
.support-content h2 { font-size: 1.65rem; letter-spacing: -.02em; }
.support-payment { display: flex; align-items: center; padding: 34px 0; border-top: 1px solid #38516b; }
.support-payment > div:first-child { flex: 1; min-width: 0; }
.support-payment-button { flex: 0 0 300px; max-width: 100%; margin-left: 42px; }
.support-payment .vp-stripe-support { margin-top: 0; }
.support-content .support-limit { color: #9eb5cc; font-size: .85rem; line-height: 1.7; }
.support-contribute { border-top: 1px solid #38516b; padding: 30px 0 12px; }
.support-ways { margin: 26px 0; }
.support-ways > div { display: flex; padding: 20px 0; border-top: 1px solid #233a52; }
.support-ways dt { flex: 0 0 26%; padding-right: 26px; font-size: 1rem; font-weight: 650; }
.support-ways dd { flex: 1; min-width: 0; margin: 0; font-size: .95rem; }
.support-ways p { margin: 0 0 8px; }
.support-ways a { display: inline-block; padding: 7px 0; }
.support-thanks { border-top: 1px solid #233a52; text-align: center; padding: 26px 0 36px; }
.support-thanks p { font-size: 1.1rem; }
.support-thanks img { display: block; width: 400px; max-width: 100%; height: auto; margin: 0 auto; }
@media (max-width: 760px) {
  .support-intro > picture { flex-basis: 130px; margin-left: 20px; }
  .support-content h1 { font-size: 2.65rem; }
  .support-payment { display: block; }
  .support-payment-button { width: 100%; max-width: 340px; margin: 24px auto 0; }
}
@media (max-width: 480px) {
  .support-intro { display: block; padding: 30px 0; }
  .support-intro > picture { max-width: 140px; margin: 18px auto 0; }
  .support-content h1 { font-size: 2.3rem; }
  .support-content h2 { font-size: 1.45rem; }
  .support-ways > div { display: block; }
  .support-ways dt { padding: 0; margin-bottom: 10px; }
  .support-payment-button { width: 100%; }
}