{% extends "layouts/email.html" %}
{% block content %}
<h2 style="margin: 0 0 16px 0; font-size: 20px; color: #e8e8f0;">Welcome to Pagoda, {{ username }}!</h2>
<p style="margin: 0 0 24px 0; line-height: 1.6; color: #c8c8d8;">Please verify your email address to activate your account.</p>
<table cellpadding="0" cellspacing="0" style="margin: 0 0 24px 0;">
  <tr>
    <td style="background-color: #9b6dff; border-radius: 6px; padding: 12px 28px;">
      <a href="{{ verification_link }}" style="color: #ffffff; text-decoration: none; font-weight: 600; font-size: 14px;">Verify Email</a>
    </td>
  </tr>
</table>
<p style="margin: 0 0 8px 0; font-size: 13px; color: #707088;">Or copy this link into your browser:</p>
<p style="margin: 0 0 24px 0; font-size: 13px; word-break: break-all;"><a href="{{ verification_link }}" style="color: #9b6dff;">{{ verification_link }}</a></p>
<p style="margin: 0; font-size: 13px; color: #707088;">This link expires in 24 hours.</p>
{% endblock %}