<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <title>CryptoCare Foundation — Give Directly</title>
  <style>
    body,table,td,a{ -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
    table,td{ mso-table-lspace:0; mso-table-rspace:0; }
    img{ -ms-interpolation-mode:bicubic; border:0; height:auto; line-height:100%; outline:none; text-decoration:none; display:block; }
    table{ border-collapse:collapse !important; }
    body{ margin:0; padding:0; width:100% !important; background:#f6f8fb; font-family:Arial, sans-serif; color:#111827; }
    .container{ width:100%; max-width:680px; margin:0 auto; padding:16px; }
    .card{ background:#ffffff; border-radius:12px; box-shadow:0 6px 18px rgba(13,24,56,0.08); overflow:visible; }
    .header{ text-align:center; padding:24px 16px; }
    .header-text{ font-size:28px; font-weight:700; color:#0b5cff; line-height:1.3; }
    .content{ padding:0 24px 24px 24px; }
    .content p{ margin:0 0 16px 0; line-height:1.5; font-size:16px; }
    .content strong{ font-weight:600; }
    .donations{ margin-top:24px; }
    .pay-row{ background:#fbfdff; border:1px solid #eef2ff; padding:12px; border-radius:10px; display:flex; align-items:flex-start; gap:12px; margin-bottom:12px; flex-wrap:wrap; }
    .pay-left{ display:flex; align-items:center; gap:12px; min-width:150px; }
    .currency-bubble{ width:48px; height:48px; border-radius:10px; display:flex; align-items:center; justify-content:center; font-weight:700; color:#fff; font-size:14px; flex-shrink:0; }
    .btc{ background: linear-gradient(135deg,#f59e0b,#f97316); }
    .eth{ background: linear-gradient(135deg,#6ee7b7,#10b981); }
    .usdt{ background: linear-gradient(135deg,#34d399,#059669); }
    .pay-meta{ font-size:14px; color:#0b1220; }
    .wallet-address{ margin-top:6px; font-family:monospace; font-size:13px; color:#0b1220; word-break:break-all; background:#f8faff; padding:6px 8px; border-radius:6px; border:1px dashed #dbeafe; }
    .action-buttons{ margin-top:6px; display:flex; gap:8px; flex-wrap:wrap; }
    .copy-btn{ display:inline-block; padding:6px 10px; border-radius:8px; border:1px solid #dbeafe; background:#f8fcff; font-size:13px; cursor:pointer; text-decoration:none; color:#0b5cff; }
    .footer{ text-align:center; font-size:13px; color:#6b7280; padding:18px 24px; }
    @media (max-width:560px){
      .content, .footer { padding-left:16px; padding-right:16px; }
      .header-text{ font-size:24px; }
      .pay-row{ flex-direction:column; align-items:flex-start; }
    }
  </style>
</head>
<body style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; margin:0; padding:0; width:100% !important; background:#f6f8fb; font-family:Arial, sans-serif; color:#111827">
  <center style="width:100%; max-width:680px; margin:0 auto; padding:16px" class="container">
    <table style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0; mso-table-rspace:0; border-collapse:collapse !important" role="presentation" width="100%" cellpadding="0" cellspacing="0">
      <tr><td style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0; mso-table-rspace:0; font-size:1px; line-height:1px; height:1px;"> </td></tr>
      <tr><td style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0; mso-table-rspace:0" align="center">
        <table style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0; mso-table-rspace:0; border-collapse:collapse !important; background:#ffffff; border-radius:12px; box-shadow:0 6px 18px rgba(13,24,56,0.08); overflow:visible" role="presentation" width="100%" class="card">
          <!-- Header text -->
          <tr>
            <td class="header">
              <div style="font-size:28px; font-weight:700; color:#0b5cff; line-height:1.3" class="header-text">CryptoCare Foundation — Immediate Humanitarian Relief</div>
            </td>
          </tr>

          <tr>
            <td style="padding:0 24px 24px 24px" class="content">
              <p style="margin:0 0 16px 0; line-height:1.5; font-size:16px">Dear Humanitarian,</p>
              <p style="margin:0 0 16px 0; line-height:1.5; font-size:16px">I am <strong>Tiffany Konomi</strong>, Senior Vice President and Chief Marketing Officer of <strong>CryptoCare Foundation</strong>.</p>
              <p style="margin:0 0 16px 0; line-height:1.5; font-size:16px">Across the world, families are fighting to survive crises they did not create.</p>
              <p style="margin:0 0 16px 0; line-height:1.5; font-size:16px">In <strong>Ukraine</strong>, a mother puts her child to sleep hungry, hoping tomorrow brings light, warmth, and safety.<br>
              In <strong>Gaza</strong>, families struggle daily with shortages of food, clean water, medicine, and basic necessities — mothers walk miles for bread; fathers wait hours for a chance to feed their children.<br>
              In <strong>Sudan</strong>, displacement has left millions — especially women and children — without shelter or medical care.<br>
              In <strong>Yemen</strong>, parents skip their own meals so their children can eat, yet the hunger never ends.<br>
              And in <strong>Haiti</strong>, women and children flee escalating violence, carrying only what they can hold as they search for safety and stability.</p>
              <p style="margin:0 0 16px 0; line-height:1.5; font-size:16px"><strong>This is the world right now. And they are still waiting.</strong></p>
              <p style="margin:0 0 16px 0; line-height:1.5; font-size:16px">At <strong>CryptoCare Foundation</strong>, we reach people at their hardest moments with food, medicine, and emergency support — direct, transparent, and powered by blockchain so help gets to the right hands immediately.</p>
              <p style="margin:0 0 16px 0; line-height:1.5; font-size:16px"><strong>You can be the reason someone survives another day.</strong></p>

              <div style="margin-top:24px" class="donations">
                <!-- Bitcoin -->
                <div style="background:#fbfdff; border:1px solid #eef2ff; padding:12px; border-radius:10px; display:flex; align-items:flex-start; gap:12px; margin-bottom:12px; flex-wrap:wrap" class="pay-row">
                  <div style="display:flex; align-items:center; gap:12px; min-width:150px" class="pay-left">
                    <div class="currency-bubble btc">BTC</div>
                    <div>
                      <div style="font-size:14px; color:#0b1220" class="pay-meta"><strong>Bitcoin (BTC)</strong></div>
                      <div style="margin-top:6px; font-family:monospace; font-size:13px; color:#0b1220; word-break:break-all; background:#f8faff; padding:6px 8px; border-radius:6px; border:1px dashed #dbeafe" class="wallet-address">16UVf1XjjLQoPgb3QEPmd6S93ntbaVDVca</div>
                      <div style="margin-top:6px; display:flex; gap:8px; flex-wrap:wrap" class="action-buttons">
                        <a style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; display:inline-block; padding:6px 10px; border-radius:8px; border:1px solid #dbeafe; background:#f8fcff; font-size:13px; cursor:pointer; text-decoration:none; color:#0b5cff" class="copy-btn" href="#" onclick="copyToClipboard('16UVf1XjjLQoPgb3QEPmd6S93ntbaVDVca')">Copy</a>
                        <a style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; display:inline-block; padding:6px 10px; border-radius:8px; border:1px solid #dbeafe; background:#f8fcff; font-size:13px; cursor:pointer; text-decoration:none; color:#0b5cff" class="copy-btn" href="bitcoin:16UVf1XjjLQoPgb3QEPmd6S93ntbaVDVca">Open in Wallet</a>
                      </div>
                    </div>
                  </div>
                </div>

                <!-- Ethereum -->
                <div style="background:#fbfdff; border:1px solid #eef2ff; padding:12px; border-radius:10px; display:flex; align-items:flex-start; gap:12px; margin-bottom:12px; flex-wrap:wrap" class="pay-row">
                  <div style="display:flex; align-items:center; gap:12px; min-width:150px" class="pay-left">
                    <div class="currency-bubble eth">ETH</div>
                    <div>
                      <div style="font-size:14px; color:#0b1220" class="pay-meta"><strong>Ethereum (ERC20)</strong></div>
                      <div style="margin-top:6px; font-family:monospace; font-size:13px; color:#0b1220; word-break:break-all; background:#f8faff; padding:6px 8px; border-radius:6px; border:1px dashed #dbeafe" class="wallet-address">0x7c774a1f67eff8cd6642796f325bdcf26a589697</div>
                      <div style="margin-top:6px; display:flex; gap:8px; flex-wrap:wrap" class="action-buttons">
                        <a style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; display:inline-block; padding:6px 10px; border-radius:8px; border:1px solid #dbeafe; background:#f8fcff; font-size:13px; cursor:pointer; text-decoration:none; color:#0b5cff" class="copy-btn" href="#" onclick="copyToClipboard('0x7c774a1f67eff8cd6642796f325bdcf26a589697')">Copy</a>
                        <a style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; display:inline-block; padding:6px 10px; border-radius:8px; border:1px solid #dbeafe; background:#f8fcff; font-size:13px; cursor:pointer; text-decoration:none; color:#0b5cff" class="copy-btn" href="ethereum:0x7c774a1f67eff8cd6642796f325bdcf26a589697">Open in Wallet</a>
                      </div>
                    </div>
                  </div>
                </div>

                <!-- USDT -->
                <div style="background:#fbfdff; border:1px solid #eef2ff; padding:12px; border-radius:10px; display:flex; align-items:flex-start; gap:12px; margin-bottom:12px; flex-wrap:wrap" class="pay-row">
                  <div style="display:flex; align-items:center; gap:12px; min-width:150px" class="pay-left">
                    <div class="currency-bubble usdt">USDT</div>
                    <div>
                      <div style="font-size:14px; color:#0b1220" class="pay-meta"><strong>USDT (TRC20)</strong></div>
                      <div style="margin-top:6px; font-family:monospace; font-size:13px; color:#0b1220; word-break:break-all; background:#f8faff; padding:6px 8px; border-radius:6px; border:1px dashed #dbeafe" class="wallet-address">TR399cPaeThkoxcqyyg6jM8ebhtSSkN4Mr</div>
                      <div style="margin-top:6px; display:flex; gap:8px; flex-wrap:wrap" class="action-buttons">
                        <a style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; display:inline-block; padding:6px 10px; border-radius:8px; border:1px solid #dbeafe; background:#f8fcff; font-size:13px; cursor:pointer; text-decoration:none; color:#0b5cff" class="copy-btn" href="#" onclick="copyToClipboard('TR399cPaeThkoxcqyyg6jM8ebhtSSkN4Mr')">Copy</a>
                        <a style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; display:inline-block; padding:6px 10px; border-radius:8px; border:1px solid #dbeafe; background:#f8fcff; font-size:13px; cursor:pointer; text-decoration:none; color:#0b5cff" class="copy-btn" href="tron:TR399cPaeThkoxcqyyg6jM8ebhtSSkN4Mr">Open in Wallet</a>
                      </div>
                    </div>
                  </div>
                </div>

              </div>
            </td>
          </tr>

          <tr>
            <td class="footer">
              CryptoCare Foundation — Immediate humanitarian relief powered by blockchain.<br>
              For other payment methods or questions, reply or contact <a style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%" href="mailto:tiffanykonomi@cryptocarefoundation.org">tiffanykonomi@cryptocarefoundation.org</a>.
            </td>
          </tr>

        </table>
      </td></tr>
    </table>
  </center>

  <script>
    function copyToClipboard(text){
      if(navigator.clipboard){
        navigator.clipboard.writeText(text);
      } else {
        var ta = document.createElement('textarea'); ta.value = text;
        document.body.appendChild(ta); ta.select();
        try { document.execCommand('copy'); } catch(err){}
        document.body.removeChild(ta);
      }
    }
  </script>
</body>
</html>