{% block subject -%}
{{ 'mails.sponsorshipReferredSignup.subject'|trans({}, _locale) }}
{%- endblock %}

{% block text -%}
{{ 'mails.common.greeting'|trans({ name: sponsorUsername }, _locale) }}

{{ 'mails.sponsorshipReferredSignup.intro'|trans({ referredUsername: referredUsername }, _locale) }}

{{ 'mails.sponsorshipReferredSignup.pendingValidation'|trans({}, _locale) }}

-- {{ 'mails.common.team'|trans({}, _locale) }}
{%- endblock %}

{% block html -%}
<!DOCTYPE html>
<html lang="{{ _locale }}">
<head>
    <meta charset="UTF-8">
    <title>{{ 'mails.sponsorshipReferredSignup.subject'|trans({}, _locale) }}</title>
</head>
<body style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; max-width: 560px; margin: 24px auto; color: #1f2937;">
    <h1 style="font-size: 20px; margin: 0 0 16px;">{{ 'mails.common.greeting'|trans({ name: sponsorUsername }, _locale) }}</h1>
    <p>{{ 'mails.sponsorshipReferredSignup.intro'|trans({ referredUsername: referredUsername }, _locale) }}</p>
    <p style="font-size: 14px; color: #4b5563;">{{ 'mails.sponsorshipReferredSignup.pendingValidation'|trans({}, _locale) }}</p>
    <hr style="border: none; border-top: 1px solid #e5e7eb; margin: 24px 0;">
    <p style="font-size: 12px; color: #9ca3af;">
        — {{ 'mails.common.team'|trans({}, _locale) }}
    </p>
</body>
</html>
{%- endblock %}
