{{ block title }}Study Complete{{ endblock }}

{{ block content }}
<div class="card" style="text-align:center; padding:48px 36px;">
    <h2 style="color:#1a7e4b;">Study Complete — Thank You!</h2>

    <p style="margin-top:16px; max-width:500px; margin-left:auto; margin-right:auto;">
        You have successfully completed the study. Please click the button below
        to return to Prolific and confirm your submission.
    </p>

    <div style="margin-top:32px;">
        <a href="{{ prolific_url }}"
           style="display:inline-block; padding:14px 36px; background:#2a6e7c; color:#fff;
                  border-radius:8px; text-decoration:none; font-size:1.05rem;">
            Return to Prolific →
        </a>
    </div>

    <p style="margin-top:20px; color:#6b7280; font-size:.85rem;">
        If the button does not work, copy and paste this link into your browser:<br>
        <code style="word-break:break-all;">{{ prolific_url }}</code>
    </p>
</div>
{{ endblock }}