{% extends "global/Page.html" %}
{% load otree %}

{% block content %}
    <div class="thank-you-content">
        <h2>Thank You!</h2>
        <p>Thank you for participating in our study. Your participation is greatly appreciated!</p>
        <p>Depending on your portfolio's performance, you could qualify for a bonus. If that's the case, we will notify you and provide compensation through Prolific.</p>
        <p>If you have any questions or concerns, please contact the study administrator at <a href="mailto:education@thedecisionlab.org">education@thedecisionlab.org</a>.</p>
        <p>Please enter the following completion code in Prolific: <b>###########</b> </p>
    </div>
<style>
.thank-you-content {
    text-align: center;
    padding: 50px;
    background-color: #f5f5f5;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
</style>
{% endblock %}