declare const _default: "<!doctype html>\n<html lang=\"en\">\n  <head>\n    <meta charset=\"UTF-8\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n    <title>Welcome to {{APP_NAME}}</title>\n    <style>\n      body {\n        margin: 0;\n        padding: 0;\n        background-color: #0b1220;\n        font-family:\n          -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n      }\n\n      .email-container {\n        max-width: 600px;\n        margin: 40px auto;\n        background-color: #0f172a;\n        border: 1px solid #334155;\n        border-radius: 12px;\n        overflow: hidden;\n      }\n\n      .header {\n        padding: 40px 40px 30px;\n        text-align: center;\n        background: linear-gradient(180deg, rgba(14, 165, 233, 0.18), rgba(2, 132, 199, 0.1));\n        border-bottom: 1px solid #334155;\n      }\n\n      .icon {\n        width: 48px;\n        height: 48px;\n        margin: 0 auto 20px;\n        border-radius: 12px;\n        border: 1px solid rgba(14, 165, 233, 0.35);\n        background: linear-gradient(180deg, rgba(14, 165, 233, 0.25), rgba(2, 132, 199, 0.15));\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n      }\n\n      .title {\n        margin: 0 0 8px;\n        font-size: 28px;\n        font-weight: 700;\n        color: #e2e8f0;\n        line-height: 1.2;\n      }\n\n      .subtitle {\n        margin: 0;\n        font-size: 16px;\n        color: #e2e8f0;\n        line-height: 1.5;\n      }\n\n      .content {\n        padding: 40px;\n      }\n\n      .greeting {\n        margin: 0 0 20px;\n        font-size: 15px;\n        color: #e2e8f0;\n        line-height: 1.6;\n      }\n\n      .message {\n        margin: 0 0 20px;\n        font-size: 15px;\n        color: #e2e8f0;\n        line-height: 1.6;\n      }\n\n      .cta-message {\n        margin: 0 0 30px;\n        font-size: 15px;\n        color: #e2e8f0;\n        line-height: 1.6;\n      }\n\n      .button-container {\n        margin-bottom: 30px;\n        text-align: center;\n      }\n\n      .get-started-button {\n        display: inline-block;\n        padding: 14px 32px;\n        background: linear-gradient(135deg, #0369a1, #075985);\n        color: #ffffff;\n        text-decoration: none;\n        border-radius: 8px;\n        font-weight: 600;\n        font-size: 15px;\n        border: 1px solid rgba(3, 105, 161, 0.5);\n      }\n\n      .next-steps {\n        margin-bottom: 20px;\n      }\n\n      .next-steps h3 {\n        margin: 0 0 16px;\n        font-size: 18px;\n        font-weight: 700;\n        color: #e2e8f0;\n      }\n\n      .steps-list {\n        padding: 16px;\n        background: rgba(14, 165, 233, 0.08);\n        border-left: 3px solid #0ea5e9;\n        border-radius: 6px;\n      }\n\n      .steps-list p {\n        margin: 0;\n        font-size: 14px;\n        color: #e2e8f0;\n        line-height: 1.8;\n      }\n\n      .footer {\n        padding: 30px 40px;\n        background: rgba(15, 23, 42, 0.65);\n        border-top: 1px solid #334155;\n        text-align: center;\n      }\n\n      .footer p {\n        margin: 0;\n        font-size: 12px;\n        color: #64748b;\n      }\n    </style>\n  </head>\n  <body>\n    <div class=\"email-container\">\n      <!-- Header -->\n      <div class=\"header\">\n        <div class=\"icon\">\n          <span style=\"font-size: 24px\">\uD83C\uDF89</span>\n        </div>\n        <h1 class=\"title\">Welcome to {{APP_NAME}}!</h1>\n        <p class=\"subtitle\">Your account has been successfully created</p>\n      </div>\n\n      <!-- Main Content -->\n      <div class=\"content\">\n        <p class=\"greeting\">Hello <strong style=\"color: #e2e8f0\">{{name}}</strong>,</p>\n\n        <p class=\"message\">\n          Thank you for joining {{APP_NAME}}! We're excited to have you on board.\n        </p>\n\n        <p class=\"cta-message\">\n          Your account is now active and you can start building with {{APP_NAME}}.\n        </p>\n\n        <!-- CTA Button -->\n        <div class=\"button-container\">\n          <a href=\"{{action_url}}\" class=\"get-started-button\">Get Started</a>\n        </div>\n\n        <!-- Next Steps -->\n        <div class=\"next-steps\">\n          <h3>What's Next?</h3>\n          <div class=\"steps-list\">\n            <p>\n              \u2713 {{next_step_1}}<br />\n              \u2713 {{next_step_2}}<br />\n              \u2713 {{next_step_3}}\n            </p>\n          </div>\n        </div>\n      </div>\n\n      <!-- Footer -->\n      <div class=\"footer\">\n        <p>&copy; {{year}} {{APP_NAME}}. All rights reserved.</p>\n      </div>\n    </div>\n  </body>\n</html>";
export default _default;
//# sourceMappingURL=welcome.d.ts.map