<style>.nw-cip{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;background:#f4f8fb;border:1px solid #e3ebf2;font-size:13px;font-weight:700;color:#5b6b80;white-space:nowrap}.nw-cip img{width:16px;height:16px}.nw-cip.nw-mavi{background:#eef8fe;border-color:#bfe3f4;color:#1581b3}.nk .nk-w{gap:12px}.nw-ikonkutu{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e3f3fb}.nw-ikonkutu img{width:22px;height:22px}.nk .nw-seg label,.nk .nw-anahtar{position:relative;display:block;margin:0;font-weight:inherit;cursor:pointer}.nw-seg input,.nw-anahtar input{position:absolute;opacity:0;pointer-events:none}.nw-seg{display:inline-flex;gap:2px;padding:4px;border-radius:12px;background:#eef2f6}.nw-seg span{display:block;padding:8px 12px;border-radius:9px;font-size:13px;font-weight:700;color:#64748b;white-space:nowrap;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}.nw-seg input:checked+span{background:#fff;color:#1581b3;box-shadow:0 2px 8px -3px rgba(15,50,90,.3)}.nk .nw-anahtar{display:inline-flex;align-items:center;gap:12px}.nw-anahtar i{position:relative;width:46px;height:26px;border-radius:999px;background:#cbd5e1;transition:background-color .25s ease}.nw-anahtar i::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(15,50,90,.25);transition:transform .25s ease}.nw-anahtar input:checked+i{background:#28aae1}.nw-anahtar input:checked+i::after{transform:translateX(20px)}.nw-anahtar span{font-size:14.5px;font-weight:700;color:#1a1a2e}.nw-bildirim{display:flex;align-items:center;gap:10px;padding:9px 14px 9px 9px;border-radius:14px;background:#fff;border:1px solid #e3ebf2;box-shadow:0 12px 24px -16px rgba(15,50,90,.4);font-size:13px;line-height:1.3;color:#5b6b80;transition:transform .35s ease}.nw-bildirim b{display:block;font-size:13.5px;color:#1a1a2e}.nw-bildirim .nw-ikonkutu{width:36px;height:36px;border-radius:10px}.nw-bildirim .nw-ikonkutu img{width:20px;height:20px}.nk-hucre:hover .nw-bildirim{transform:translateY(-4px)}.nw-maddeler{display:flex;flex-direction:column;gap:7px}.nw-maddeler span{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:#1a1a2e}.nw-maddeler img{width:18px;height:18px}.nk .nw-akis{gap:8px}.nw-akis b{font-weight:800;color:#28aae1;transition:transform .35s ease}.nk-hucre:hover .nw-akis b{transform:translateX(4px)}.nw-likert{display:flex;gap:6px}.nk .nw-likert label{position:relative;display:block;margin:0;cursor:pointer;font-weight:inherit}.nw-likert input{position:absolute;opacity:0;pointer-events:none}.nw-likert span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;border:1px solid #dbe6ef;background:#fff;font-size:14px;font-weight:800;color:#64748b;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.nw-likert input:checked+span{background:#28aae1;border-color:#28aae1;color:#fff}</style><div class="nk-hucre"><div class="nk-w nw-akis"><span class="nw-cip">Topic · 10 questions</span><b>→</b><span class="nw-cip nw-mavi">Generate with AI</span></div><h3>Generate Questions</h3><p>Choose the topic and number of questions; let the questions be created with AI.</p></div><div class="nk-hucre"><div class="nk-w"><div class="nw-seg"><label><input type="radio" name="aq-sik"><span>3 options</span></label><label><input type="radio" name="aq-sik" checked><span>4 options</span></label><label><input type="radio" name="aq-sik"><span>5 options</span></label></div></div><h3>Choose the Number of Options</h3><p>You decide how many options the generated questions have.</p></div><div class="nk-hucre"><div class="nk-w"><div class="nw-maddeler"><span><img src="https://cdn.prod.website-files.com/6a82b639f1023abfc739174e/6abd26a6b0207d5b76a0f078_oz-gozetim-w-tik.png" alt="">Public</span><span><img src="https://cdn.prod.website-files.com/6a82b639f1023abfc739174e/6abd26a6b0207d5b76a0f078_oz-gozetim-w-tik.png" alt="">Editable</span></div></div><h3>Review and Edit</h3><p>Save generated questions as public or editable.</p></div><div class="nk-hucre"><div class="nk-w"><div class="nw-bildirim"><span class="nw-ikonkutu"><img src="https://cdn.prod.website-files.com/6a82b639f1023abfc739174e/6abd26a9348a28c539722d97_oz-api-w-yz.png" alt=""></span><span><b>AI analysis</b>3 open-ended questions evaluated.</span></div></div><h3>Analyse the Tests</h3><p>Open-ended and optical questions are evaluated with AI.</p></div><div class="nk-hucre"><div class="nk-w"><label class="nw-anahtar"><input type="checkbox" checked><i></i><span>Show results</span></label></div><h3>Let Users See It Too</h3><p>If the setting is on, the user sees their own AI analysis.</p></div><div class="nk-hucre"><div class="nk-w"><div class="nw-likert"><label><input type="radio" name="aq-lk"><span>1</span></label><label><input type="radio" name="aq-lk"><span>2</span></label><label><input type="radio" name="aq-lk"><span>3</span></label><label><input type="radio" name="aq-lk" checked><span>4</span></label><label><input type="radio" name="aq-lk"><span>5</span></label></div></div><h3>A Survey Inside the Training</h3><p>Add surveys to the training as content and collect feedback.</p></div>