<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="x-apple-disable-message-reformatting">
  <title>NextGen LMS — School Onboarding & Data Import</title>
  <style type="text/css">
    html, body { margin: 0 !important; padding: 0 !important; height: 100% !important; width: 100% !important; background-color: #0f172a; }
    * { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; box-sizing: border-box; }
    table, td { mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; border-collapse: collapse !important; }
    img { -ms-interpolation-mode: bicubic; border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; max-width: 100%; display: block; }
    a { text-decoration: none; }
    @media screen and (max-width: 680px) {
      .email-container { width: 100% !important; max-width: 100% !important; margin: 0 auto !important; border-radius: 0 !important; }
      .fluid-padded { padding: 24px 18px !important; }
      .header-padded { padding: 24px 16px !important; }
      .hero-title { font-size: 20px !important; }
      .mobile-button { width: 100% !important; max-width: 100% !important; display: block !important; text-align: center !important; padding: 14px 16px !important; }
    }
  </style>
</head>
<body style="margin: 0; padding: 0; background-color: #0f172a; font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif; color: #334155;">
  <table border="0" cellpadding="0" cellspacing="0" width="100%" style="background-color: #0f172a; table-layout: fixed; width: 100%;">
    <tr>
      <td align="center" style="padding: 20px 10px;">
        <table border="0" cellpadding="0" cellspacing="0" width="100%" class="email-container" style="max-width: 650px; width: 100%; background-color: #ffffff; border-radius: 16px; overflow: hidden; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.3); margin: 0 auto;">
          <tr>
            <td align="center" class="header-padded" style="background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%); padding: 32px 24px; border-bottom: 4px solid #0284c7;">
              <a href="https://dev.next-gen.techarvest.co.zw/login" target="_blank" style="text-decoration: none; display: inline-block;">
                <img src="https://cdn.corenexis.com/f/VYcswABagF8.jpeg" alt="NextGen LMS Logo" width="180" style="display: block; max-width: 200px; width: 100%; height: auto; border: 0; border-radius: 8px; box-shadow: 0 4px 6px rgba(0,0,0,0.15);" />
              </a>
              <h1 class="hero-title" style="color: #ffffff; font-size: 22px; font-weight: 800; margin: 16px 0 0 0; letter-spacing: 0.5px; text-transform: uppercase; text-align: center;">
                NextGen LMS Onboarding
              </h1>
              <p style="color: #e0f2fe; font-size: 13px; margin: 6px 0 0 0; font-weight: 500; text-align: center;">
                National Scale Multi-Tenant Educational Platform
              </p>
            </td>
          </tr>
          <tr>
            <td class="fluid-padded" style="padding: 35px 40px; background-color: #ffffff;">
              <h2 style="color: #0f172a; font-size: 20px; font-weight: 700; margin-top: 0; margin-bottom: 12px;">
                Welcome to Institution Bulk Onboarding 👋
              </h2>
              <p style="color: #475569; font-size: 14px; line-height: 1.6; margin-bottom: 20px;">
                Dear Administrator,
              </p>
              <p style="color: #475569; font-size: 14px; line-height: 1.6; margin-bottom: 24px;">
                Your institution's digital portal is ready for setup. To bulk import your teachers, students, parents, and administrative staff into <strong>NextGen LMS</strong>, please prepare your user roster using our standardized CSV template.
              </p>
              <table border="0" cellpadding="0" cellspacing="0" width="100%" style="margin-top: 30px; margin-bottom: 25px;">
                <tr>
                  <td align="center">
                    <a href="https://dev.next-gen.techarvest.co.zw/login" target="_blank" class="mobile-button" style="background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%); color: #ffffff; text-decoration: none; font-size: 14px; font-weight: 700; padding: 14px 32px; border-radius: 10px; display: inline-block;">
                      🚀 Launch Onboarding Portal &rarr;
                    </a>
                  </td>
                </tr>
              </table>
            </td>
          </tr>
          <tr>
            <td align="center" style="background-color: #f1f5f9; padding: 20px; border-top: 1px solid #e2e8f0;">
              <p style="color: #64748b; font-size: 11px; margin: 0; line-height: 1.5; text-align: center;">
                &copy; 2026 <strong>NextGen LMS</strong> &middot; Multi-Tenant Educational Infrastructure Active
              </p>
            </td>
          </tr>
        </table>
      </td>
    </tr>
  </table>
</body>
</html>
