#maxelpay-donation-form input { background-color: #fff; border: .078rem solid #666; border-radius: .25rem; box-shadow: inset 0 .08em .4em rgba(0, 0, 0, .15); color: #828382; font-family: inherit; font-size: 1rem; font-weight: 500; inline-size: 100%; line-height: 1.2; padding: 1.1875rem; }
form#maxelpay-donation-form .error { border-color: #ef26c7; border-width: 2px; }
button#donate-crypto { align-items: center; background-color: #e724c0; border: .125rem solid #eb26c4; border-radius: .5rem; color: #fff; display: flex; font-family: inherit; font-size: 1.375rem; font-weight: 600; justify-content: center; line-height: 1.2; padding: 1rem; text-align: center; transition-duration: .2s; transition-property: background-color, color; transition-timing-function: ease-in; width: 100%; margin: 0 auto; } form#maxelpay-donation-form { padding: 0 20px; }
button.amount-btn { align-items: center; background-color: var(--give-primary-color); border: .125rem solid var(--give-primary-color); border-radius: .5rem; color: #fff; display: flex; font-family: inherit; font-size: 1.375rem; font-weight: 600; justify-content: center; line-height: 1.2; padding: 1rem; text-align: center; transition-duration: .2s; transition-property: background-color, color; transition-timing-function: ease-in; background-color: #ef26c7; flex: 1 1 calc(33.333% - 10px); text-align: center; border: 3px solid #ef26c7; } p.preset-amounts { display: flex; flex-wrap: wrap; gap: 5px; } button.amount-btn.active { background-color: #fff!important; color: #000; border-color: #ef26c7; } button.amount-btn:hover { border-color: #cc3366; }
iframe#iFrameResizer0[name="give-embed-form"] { display: none; }

  .success-card {
    max-width:420px;
    padding:16px;
    border-radius:12px;
    display:flex;
    gap:14px;
    align-items:center;
    box-shadow: 0 6px 18px rgba(2,6,23,0.08);
    background: linear-gradient(180deg, white 0%, var(--bg) 100%);
    transform-origin: top center;
    animation: cardIn .32s cubic-bezier(.2,.9,.28,1);
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  }

  @keyframes cardIn {
    from { opacity: 0; transform: translateY(-6px) scale(.98); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
  }

  .success-icon {
    width:56px;
    height:56px;
    border-radius: 999px;
    display:inline-grid;
    place-items:center;
    background: conic-gradient(from 180deg, rgba(16,185,129,0.12), rgba(16,185,129,0.06));
    box-shadow: 0 6px 14px rgba(16,185,129,0.08) inset;
  }
h2.give-amount-heading { border-block-end: .0625rem solid #ddd; color: #333; font-size: clamp(1.25rem, .8397435897rem + 1.2820512821vw, 1.5rem); font-weight: 500; line-height: 1.3; padding-block-end: .75rem; } p.give-amount-description { line-height: 1.375; margin-bottom: 30px; } legend.donation-f-title { border-block-end: .0625rem solid #ddd; color: #333; font-size: clamp(1.25rem, .8397435897rem + 1.2820512821vw, 1.5rem); font-weight: 500; line-height: 1.3; margin-block-end: 1rem; padding-block-end: .75rem; width: 100%; margin-top: 30px; } html { margin: 0!important; }
  .success-check {
    width:26px;
    height:26px;
  }

  .title { font-size:1.05rem; font-weight:700; color:#052332; }
  .meta  { font-size:0.9rem; color:#334155; margin-top:4px; }

  .amount {
    margin-top:6px;
    font-weight:700;
    color: var(--accent);
  }