{{ block title }}
{{ endblock }}

{{ block content }}

<style>
    .instruction-box {
        font-family: serif;
        font-size: 20px;
        line-height: 1.6;
        max-width: 1000px;
    }

    .instruction-title {
        font-weight: bold;
        margin-bottom: 20px;
    }

    .instruction-text {
        margin-bottom: 22px;
    }

    .instruction-text:last-child {
        margin-bottom: 30px;
    }
</style>

<div class="instruction-box">
    <div class="instruction-title">
        Putaran 1 – Bayaran per Jawaban Benar
    </div>

    <div class="instruction-text">
        Jika Putaran 1 terpilih secara acak sebagai putaran yang digunakan untuk menentukan pembayaran, maka Anda akan menerima <strong>500 Rupiah untuk setiap jawaban yang benar</strong> yang Anda berikan pada putaran ini selama batas waktu <strong>5 menit</strong>. Sistem pembayaran ini disebut <strong>bayaran per jawaban benar</strong>.
    </div>

    <div class="instruction-text">
        Setelah waktu <strong>5 menit</strong> berakhir, Anda akan melihat layar yang menunjukkan jumlah jawaban benar Anda pada putaran ini.
    </div>

    <div class="instruction-text">
        Mohon untuk tidak berbicara atau berusaha berkomunikasi dengan peserta lain> selama penelitian ini berlangsung. Jika Anda memiliki pertanyaan, silakan angkat tangan.
    </div>

    <div class="instruction-text">
        Setelah semua peserta menyelesaikan <strong>Putaran 1</strong>, Anda akan menerima petunjuk baru untuk <strong>Putaran 2</strong>.
    </div>

    <div class="instruction-text">
        Apakah ada pertanyaan sebelum kita mulai?
    </div>
</div>

{{ next_button }}

<script>
document.addEventListener("DOMContentLoaded", function () {
    const btn = document.querySelector(".otree-btn-next");
    if (btn) {
        btn.textContent = "Lanjut";
    }
});
</script>

{{ endblock }}