{{ block title }}
    End of Experiment
{{ endblock }}

{{ block content }}
    <div class="end-shell">
        <div class="end-card">
            <div class="end-box">
                <p><b>This is the end of the decision tasks.</b></p>
                <p>Thank you for your participation.</p>
            </div>

            <div class="end-actions">
                <button class="otree-btn-next btn btn-primary">Finish the experiment</button>
            </div>
        </div>
    </div>
{{ endblock }}

{{ block styles }}
<style>
    body {
        background: #eef3f7;
    }

    .end-shell {
        max-width: 760px;
        margin: 0 auto;
    }

    .end-card {
        background: #fbfdff;
        border: 1px solid #d4dde6;
        border-radius: 14px;
        box-shadow: 0 8px 24px rgba(30, 48, 66, 0.06);
        padding: 24px;
    }

    .end-box {
        background: #edf4fa;
        border-left: 4px solid #4e6f8c;
        color: #355066;
        border-radius: 8px;
        padding: 14px 16px;
    }

    .end-box p {
        margin-bottom: 0;
        line-height: 1.7;
    }

    .end-actions {
        margin-top: 20px;
    }
</style>
{{ endblock }}