{% extends "emails/base_email.html" %}

{% block title %}Reset your {{ site_name }} password{% endblock %}

{% block content %}
    <h1 style="margin:0 0 16px 0;font-size:22px;font-weight:600;color:#ffffff;">Reset your password</h1>
    <p style="margin:0 0 16px 0;">Hello,</p>
    <p style="margin:0 0 16px 0;">
        We received a request to reset the password for your {{ site_name }} account.
        If you did not make this request, you can ignore this email or contact
        <a href="mailto:{{ support_email }}" style="color:#a78bfa;text-decoration:none;">{{ support_email }}</a>.
    </p>
    <table role="presentation" cellspacing="0" cellpadding="0" border="0" style="margin:24px 0;">
        <tr>
            <td align="center" style="border-radius:8px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);">
                <a href="{{ url }}" style="display:inline-block;padding:14px 28px;font-size:15px;font-weight:600;color:#ffffff;text-decoration:none;">
                    Set a new password
                </a>
            </td>
        </tr>
    </table>
    <p style="margin:0 0 12px 0;font-size:13px;color:rgba(255,255,255,0.55);word-break:break-all;">
        Or copy this link:<br>
        <a href="{{ url }}" style="color:#a78bfa;text-decoration:none;">{{ url }}</a>
    </p>
    <p style="margin:0;">
        After you set your password,
        <a href="{{ site_url }}" style="color:#a78bfa;text-decoration:none;">sign in to {{ site_name }}</a>.
    </p>
{% endblock %}