<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>{{subject}}</title>
  <style type="text/css">
    /* Reset */
    body, table, td, p, a, li, blockquote {
      -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
    }
    table, td {
      mso-table-lspace: 0pt;
      mso-table-rspace: 0pt;
    }
    img {
      -ms-interpolation-mode: bicubic;
      border: 0;
      outline: none;
      text-decoration: none;
    }
    body {
      margin: 0 !important;
      padding: 0 !important;
      width: 100% !important;
      -webkit-font-smoothing: antialiased;
    }

    /* Links */
    a {
      color: #b45309;
      text-decoration: none;
    }
    a:hover {
      text-decoration: underline;
    }

    /* Button */
    .button {
      display: inline-block;
      padding: 14px 32px;
      background: linear-gradient(135deg, #92400e 0%, #b45309 100%);
      color: #ffffff !important;
      text-decoration: none !important;
      font-weight: 600;
      font-size: 14px;
      border-radius: 6px;
      text-align: center;
    }

    /* Responsive */
    @media only screen and (max-width: 620px) {
      .email-container {
        width: 100% !important;
        max-width: 100% !important;
      }
      .mobile-padding {
        padding-left: 24px !important;
        padding-right: 24px !important;
      }
      .mobile-center {
        text-align: center !important;
      }
      .envelope-flap {
        border-left-width: 150px !important;
        border-right-width: 150px !important;
      }
    }
  </style>
</head>
<body style="margin: 0; padding: 0; background-color: #fef3c7;">

  <!-- Preheader -->
  <div style="display: none; max-height: 0; overflow: hidden;">
    {{subject}} &nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;
  </div>

  <!-- Email Wrapper -->
  <table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color: #fef3c7;">
    <tr>
      <td align="center" style="padding: 48px 16px;">

        <!-- Email Container -->
        <table role="presentation" class="email-container" width="560" border="0" cellspacing="0" cellpadding="0" style="margin: 0 auto; max-width: 560px; width: 100%;">

          <!-- Envelope Outer -->
          <tr>
            <td>
              <table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0" style="background: linear-gradient(180deg, #fef9ee 0%, #fdf6e3 100%); border-radius: 4px; overflow: hidden; box-shadow: 0 8px 32px rgba(146, 64, 14, 0.15), 0 2px 8px rgba(0,0,0,0.08);">

                <!-- Envelope Flap (Triangle) -->
                <tr>
                  <td align="center" style="position: relative;">
                    <table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td align="center">
                          <!-- Flap shadow line -->
                          <div style="width: 0; height: 0; border-left: 280px solid transparent; border-right: 280px solid transparent; border-top: 80px solid #d97706; margin: 0 auto;" class="envelope-flap"></div>
                        </td>
                      </tr>
                    </table>
                  </td>
                </tr>

                <!-- Seal -->
                <tr>
                  <td align="center" style="padding: 0; margin-top: -40px; position: relative;">
                    <table role="presentation" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td align="center" style="padding-top: 8px;">
                          <div style="width: 64px; height: 64px; background: linear-gradient(145deg, #dc2626 0%, #b91c1c 100%); border-radius: 50%; box-shadow: 0 4px 12px rgba(185, 28, 28, 0.4), inset 0 2px 4px rgba(255,255,255,0.2); display: inline-block; text-align: center; line-height: 64px;">
                            <span style="font-family: Georgia, 'Times New Roman', serif; font-size: 24px; color: #fef2f2; font-weight: bold;">&#10022;</span>
                          </div>
                        </td>
                      </tr>
                    </table>
                  </td>
                </tr>

                <!-- Letter Content Area -->
                <tr>
                  <td style="padding: 32px 40px 0 40px;" class="mobile-padding">
                    <!-- Paper texture background -->
                    <table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0" style="background: #ffffff; border: 1px solid #e5e0d5; border-radius: 2px; box-shadow: 0 1px 3px rgba(0,0,0,0.05);">

                      <!-- Letter Header -->
                      <tr>
                        <td style="padding: 32px 32px 24px 32px; border-bottom: 1px dashed #e5e0d5;">
                          <table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                              <td style="vertical-align: middle;">
                                <!-- Logo -->
                                <a href="{{homeurl}}" style="text-decoration: none;">
                                  {{img_logo}}
                                </a>
                              </td>
                              <td align="right" style="vertical-align: middle;">
                                <!-- Date Stamp -->
                                <table role="presentation" border="0" cellspacing="0" cellpadding="0">
                                  <tr>
                                    <td style="padding: 8px 14px; border: 2px solid #d97706; border-radius: 4px; transform: rotate(-3deg);">
                                      <span style="font-family: Georgia, 'Times New Roman', serif; font-size: 12px; color: #92400e; font-weight: bold; text-transform: uppercase; letter-spacing: 1px;">
                                        {{date}}
                                      </span>
                                    </td>
                                  </tr>
                                </table>
                              </td>
                            </tr>
                          </table>
                        </td>
                      </tr>

                      <!-- Sender Info -->
                      <tr>
                        <td style="padding: 24px 32px 0 32px;">
                          <p style="margin: 0 0 4px 0; font-family: Georgia, 'Times New Roman', serif; font-size: 18px; font-weight: bold; color: #1c1917;">
                            {{sitename}}
                          </p>
                          <p style="margin: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif; font-size: 13px; color: #78716c; font-style: italic;">
                            {{site_tagline}}
                          </p>
                        </td>
                      </tr>

                      <!-- Decorative Line -->
                      <tr>
                        <td style="padding: 20px 32px;">
                          <table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                              <td style="width: 40px; height: 2px; background: #d97706;"></td>
                              <td style="width: 8px;"></td>
                              <td style="width: 8px; height: 2px; background: #f59e0b;"></td>
                              <td></td>
                            </tr>
                          </table>
                        </td>
                      </tr>

                      <!-- Letter Body -->
                      <tr>
                        <td style="padding: 0 32px 32px 32px;">
                          <div style="font-family: Georgia, 'Times New Roman', serif; font-size: 15px; line-height: 1.8; color: #44403c;">
                            {{message}}
                          </div>
                        </td>
                      </tr>

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

                <!-- Envelope Bottom Section -->
                <tr>
                  <td style="padding: 28px 40px;" class="mobile-padding">
                    <table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td style="vertical-align: middle;">
                          <!-- Social Links as stamps -->
                          <table role="presentation" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                              <td style="padding-right: 8px;">
                                <a href="{{facebook}}" style="display: inline-block; width: 36px; height: 36px; background: #ffffff; border: 2px solid #e5e0d5; border-radius: 4px; text-align: center; line-height: 32px; text-decoration: none; color: #92400e; font-family: Arial, sans-serif; font-size: 14px; font-weight: 600;">f</a>
                              </td>
                              <td>
                                <a href="{{twitter}}" style="display: inline-block; width: 36px; height: 36px; background: #ffffff; border: 2px solid #e5e0d5; border-radius: 4px; text-align: center; line-height: 32px; text-decoration: none; color: #92400e; font-family: Arial, sans-serif; font-size: 14px; font-weight: 600;">X</a>
                              </td>
                            </tr>
                          </table>
                        </td>
                        <td align="right" style="vertical-align: middle;">
                          <!-- Postage stamp decoration -->
                          <table role="presentation" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                              <td style="padding: 6px; background: #ffffff; border: 2px dashed #d6d3d1;">
                                <div style="width: 40px; height: 28px; background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%); text-align: center; line-height: 28px;">
                                  <span style="font-family: Georgia, serif; font-size: 12px; color: #92400e; font-weight: bold;">&#9993;</span>
                                </div>
                              </td>
                            </tr>
                          </table>
                        </td>
                      </tr>
                    </table>
                  </td>
                </tr>

                <!-- Envelope Edge -->
                <tr>
                  <td style="height: 8px; background: linear-gradient(90deg, #d97706 0%, #f59e0b 50%, #d97706 100%);"></td>
                </tr>

              </table>
            </td>
          </tr>
          <!-- End Envelope Outer -->

          <!-- Footer -->
          <tr>
            <td align="center" style="padding: 28px 24px;">
              <p style="margin: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif; font-size: 13px; line-height: 1.6; color: #92400e;">
                {{footer_text}}
              </p>
              <p style="margin: 16px 0 0 0;"><a href="https://www.wpdownloadmanager.com" style="color:#d4a574;font-size:11px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;text-decoration:none;">Powered by Download Manager</a></p>
            </td>
          </tr>

        </table>
        <!-- End Email Container -->

      </td>
    </tr>
  </table>
  <!-- End Email Wrapper -->

</body>
</html>
