Curious Learner Academy – Year 3-4 Diagnostic Evaluation<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;600;700;900&display=swap');\n\n :root {\n --cl-teal: #14b8a6;\n --cl-navy-dark: #020617;\n --cl-navy-pure: #0c4a6e;\n --cl-orange: #f97316;\n --cl-white: #ffffff;\n --cl-slate-50: #f8fafc;\n --cl-slate-100: #f1f5f9;\n --cl-slate-400: #94a3b8;\n --cl-slate-700: #334155;\n --border-soft: rgba(12, 74, 110, 0.12);\n }\n\n body {\n background-color: var(--cl-white);\n font-family: 'Outfit', sans-serif;\n margin: 0; padding: 0;\n color: var(--cl-slate-700);\n -webkit-font-smoothing: antialiased;\n }\n\n #cl-quiz-portal {\n padding: 40px 0;\n display: flex; justify-content: center; align-items: center;\n min-height: 100vh;\n background: var(--cl-slate-50);\n }\n\n .quiz-wrapper {\n max-width: 900px; width: 90%;\n background: var(--cl-white);\n border: 1px solid var(--border-soft);\n border-radius: 40px; padding: 40px;\n box-shadow: 0 25px 60px rgba(2, 6, 23, 0.05);\n box-sizing: border-box; position: relative;\n transition: all 0.5s ease-in-out;\n }\n\n .custom-assessment-header {\n padding-bottom: 25px; \n border-bottom: 2px solid var(--cl-slate-100);\n margin-bottom: 35px;\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n }\n\n .meta-top-row {\n display: flex; justify-content: space-between; align-items: center;\n margin-bottom: 20px; width: 100%;\n }\n\n .progress-indicator {\n font-size: 1.1rem; font-weight: 900; color: var(--cl-navy-pure);\n text-transform: uppercase; letter-spacing: 1px;\n }\n\n .progress-indicator span { color: var(--cl-teal); }\n\n .timer-badge {\n background: var(--cl-navy-dark); color: var(--cl-white);\n padding: 10px 22px; border-radius: 14px; font-weight: 700;\n display: flex; align-items: center; gap: 10px; border: 1px solid rgba(255,255,255,0.1);\n }\n\n .timer-badge.warning-state {\n background: #ef4444; border-color: #ef4444;\n animation: panicPulse 1s infinite alternate;\n }\n\n @keyframes panicPulse {\n 0% { transform: scale(1); } 100% { transform: scale(1.05); box-shadow: 0 0 15px rgba(239, 68, 68, 0.4); }\n }\n\n .quiz-progress-track {\n width: 100%; height: 8px; background: var(--cl-slate-100); border-radius: 10px; overflow: hidden;\n }\n .quiz-progress-fill {\n width: 4%; height: 100%; background: linear-gradient(90deg, var(--cl-teal), #06b6d4);\n border-radius: 10px; transition: width 0.4s ease-in-out;\n }\n\n \/* --- QUESTION WORKSPACE --- *\/\n .question-node-box h3 {\n font-size: 0.85rem; color: var(--cl-teal); font-weight: 900;\n text-transform: uppercase; letter-spacing: 2px; margin: 0 0 10px 0;\n display: block !important;\n }\n\n .question-node-box h2 {\n font-size: 1.45rem; color: var(--cl-navy-dark); font-weight: 800;\n line-height: 1.5; margin: 0 0 30px 0;\n }\n\n .options-matrix-stack {\n display: flex; flex-direction: column; gap: 16px; margin-bottom: 40px;\n }\n\n .option-label-card {\n background: var(--cl-white); border: 2px solid var(--cl-slate-100);\n border-radius: 18px; padding: 20px 25px; display: flex; align-items: center;\n gap: 15px; cursor: pointer; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n }\n\n .option-label-card:hover { border-color: var(--cl-teal); background: var(--cl-slate-50); transform: translateX(4px); }\n .option-label-card input[type=\"radio\"] { appearance: none; -webkit-appearance: none; margin: 0; position: absolute; }\n .custom-indicator-dot { width: 22px; height: 22px; border: 2px solid var(--cl-slate-400); border-radius: 50%; display: inline-block; flex-shrink: 0; position: relative; transition: all 0.2s ease; }\n .option-label-card.selected-active { border-color: var(--cl-teal); background: rgba(20, 184, 166, 0.03); }\n .option-label-card.selected-active .custom-indicator-dot { border-color: var(--cl-teal); background: var(--cl-teal); }\n .option-label-card.selected-active .custom-indicator-dot::after { content: ''; width: 8px; height: 8px; background: var(--cl-white); border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }\n .option-text-val { font-size: 1.05rem; font-weight: 600; color: var(--cl-slate-700); }\n\n \/* --- FOOTER CTAS --- *\/\n .quiz-action-footer { display: flex; justify-content: flex-end; padding-top: 25px; border-top: 2px solid var(--cl-slate-100); }\n \n .next-step-trigger-btn {\n padding: 16px 40px; font-family: 'Outfit', sans-serif; font-size: 1.1rem;\n font-weight: 900; text-transform: uppercase; letter-spacing: 1px;\n border: none; border-radius: 16px; cursor: not-allowed;\n display: flex; align-items: center; gap: 12px;\n background: var(--cl-slate-400); color: rgba(255, 255, 255, 0.6); transition: all 0.3s ease;\n }\n\n .next-step-trigger-btn.unlocked-ready { background: var(--cl-orange); color: var(--cl-white); cursor: pointer; box-shadow: 0 10px 20px rgba(249, 115, 22, 0.2); }\n .next-step-trigger-btn.unlocked-ready.submit-state { background: var(--cl-teal); box-shadow: 0 10px 20px rgba(20, 184, 166, 0.2); }\n .next-step-trigger-btn.unlocked-ready:hover { transform: translateY(-2px); filter: brightness(1.05); }\n .next-step-trigger-btn i { transition: transform 0.2s ease; }\n .next-step-trigger-btn.unlocked-ready:hover i { transform: translateX(4px); }\n\n \/* --- DIAGNOSTIC SCORECARD OVERVIEW HUB --- *\/\n .success-display-card { animation: fadeInHub 0.6s ease-out forwards; text-align: center; }\n @keyframes fadeInHub { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); } }\n \n .success-badge-icon {\n width: 80px; height: 80px; background: rgba(20, 184, 166, 0.1); color: var(--cl-teal);\n border-radius: 50%; display: flex; align-items: center; justify-content: center;\n font-size: 2.5rem; margin: 0 auto 20px;\n }\n\n .success-display-card h2 { font-size: 2.2rem; color: var(--cl-navy-dark); font-weight: 900; margin: 0 0 10px 0; }\n .success-display-card p { font-size: 1.05rem; color: var(--cl-slate-700); max-width: 650px; margin: 0 auto 30px; line-height: 1.6; }\n\n .master-score-container {\n background: linear-gradient(135deg, var(--cl-navy-dark) 0%, var(--cl-navy-pure) 100%);\n border-radius: 24px; padding: 30px; margin-bottom: 35px; color: var(--cl-white);\n display: flex; align-items: center; justify-content: space-around; text-align: left;\n }\n\n .score-circle {\n width: 110px; height: 110px; border: 6px solid var(--cl-teal); border-radius: 50%;\n display: flex; flex-direction: column; align-items: center; justify-content: center;\n background: rgba(255,255,255,0.05); box-shadow: 0 0 20px rgba(20, 184, 166, 0.2);\n }\n .score-circle .big-num { font-size: 2rem; font-weight: 900; color: var(--cl-white); line-height: 1; }\n .score-circle .small-lbl { font-size: 0.75rem; text-transform: uppercase; color: var(--cl-slate-400); font-weight: 700; margin-top: 4px; }\n\n .master-meta-info h4 { margin: 0 0 5px 0; font-size: 1.3rem; font-weight: 900; }\n .master-meta-info p { margin: 0; color: var(--cl-slate-400); font-size: 0.95rem; }\n\n .metrics-breakdown-box { display: grid; grid-template-columns: 1fr 1fr; gap: 25px; margin-bottom: 35px; text-align: left; }\n .metric-block-card { background: var(--cl-slate-50); border: 1px solid var(--cl-slate-100); padding: 25px; border-radius: 20px; }\n .metric-block-card h3 { margin: 0 0 20px 0; font-size: 1rem; text-transform: uppercase; letter-spacing: 1px; color: var(--cl-navy-pure); font-weight: 900; border-bottom: 2px solid var(--cl-slate-100); padding-bottom: 8px; }\n\n .score-row-item { margin-bottom: 15px; }\n .score-row-item:last-child { margin-bottom: 0; }\n .row-item-meta { display: flex; justify-content: space-between; font-size: 0.9rem; font-weight: 700; margin-bottom: 6px; color: var(--cl-slate-700); }\n \n .progress-track-bg { width: 100%; height: 8px; background: var(--cl-slate-100); border-radius: 10px; overflow: hidden; }\n .progress-fill-bar { height: 100%; border-radius: 10px; width: 0%; transition: width 1s ease-in-out; }\n .progress-fill-bar.sec-color { background: var(--cl-teal); }\n .progress-fill-bar.topic-color { background: var(--cl-orange); }\n\n .primary-result-cta {\n display: block; width: 100%; max-width: 450px; margin: 0 auto 10px;\n padding: 18px 30px; background: var(--cl-teal); color: var(--cl-white);\n border-radius: 18px; font-size: 1.2rem; font-weight: 900; text-transform: uppercase;\n letter-spacing: 1px; text-decoration: none; border: none; cursor: pointer;\n box-shadow: 0 12px 24px rgba(20, 184, 166, 0.25); transition: all 0.3s ease;\n }\n .primary-result-cta:hover { background: var(--cl-navy-pure); transform: translateY(-3px); }\n\n \/* NOTICE HUB PANEL HIDDEN BY DEFAULT ACCORDING TO DOCUMENTATION SPECIFICATION RULES *\/\n .email-delivery-notice-msg { font-size: 0.9rem; font-weight: 700; color: var(--cl-orange); margin: 15px auto 25px; display: none; text-transform: uppercase; letter-spacing: 0.5px; }\n\n .conversion-split-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; max-width: 600px; margin: 15px auto 0; padding-top: 30px; border-top: 1px solid var(--cl-slate-100); }\n .secondary-conversion-btn { padding: 16px 25px; border-radius: 14px; font-size: 1rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; text-decoration: none; display: flex; align-items: center; justify-content: center; gap: 10px; transition: all 0.3s ease; }\n .secondary-conversion-btn.mentor-btn { background: var(--cl-slate-100); color: var(--cl-navy-pure); }\n .secondary-conversion-btn.mentor-btn:hover { background: var(--cl-white); box-shadow: 0 0 0 2px var(--cl-navy-pure); transform: translateY(-2px); }\n .secondary-conversion-btn.enroll-btn { background: var(--cl-orange); color: var(--cl-white); box-shadow: 0 8px 16px rgba(249, 115, 22, 0.2); }\n .secondary-conversion-btn.enroll-btn:hover { background: var(--cl-navy-dark); transform: translateY(-2px); }\n\n @media (max-width: 768px) {\n .quiz-wrapper { padding: 30px 20px; border-radius: 30px; }\n .custom-assessment-header { padding-bottom: 15px; margin-bottom: 25px; }\n .meta-top-row { flex-direction: column; gap: 15px; align-items: flex-start; }\n .timer-badge { width: 100%; justify-content: center; box-sizing: border-box; }\n .metrics-breakdown-box { grid-template-columns: 1fr; gap: 20px; }\n .master-score-container { flex-direction: column; text-align: center; gap: 20px; }\n .conversion-split-row { grid-template-columns: 1fr; gap: 15px; }\n }\n <\/style>\n<\/head>\n<body>\n\n<section id=\"cl-quiz-portal\">\n <div class=\"quiz-wrapper\" id=\"coreHubShell\">\n \n <div id=\"activeQuizStateLayer\">\n <div class=\"custom-assessment-header\" id=\"masterHeaderContainer\">\n <div class=\"meta-top-row\">\n <div class=\"progress-indicator\">Question <span id=\"currentQuestionNum\">1<\/span> of <span id=\"totalQuestionsNum\">25<\/span> \u2014 <span id=\"currentTopicNum\">Topic<\/span><\/div>\n <div class=\"timer-badge\" id=\"timerBadge\">\n <i class=\"fa-solid fa-clock-rotate-left\"><\/i> <span id=\"timeClockVal\">30:00<\/span>\n <\/div>\n <\/div>\n <div class=\"quiz-progress-track\">\n <div class=\"quiz-progress-fill\" id=\"visualProgressBarFill\"><\/div>\n <\/div>\n <\/div>\n\n <main id=\"questionWorkspaceNode\">\n <\/main>\n\n <footer class=\"quiz-action-footer\">\n <button type=\"button\" id=\"nextQuestionBtn\" class=\"next-step-trigger-btn\" disabled=\"\">\n <span id=\"ctaBtnText\">Next Question<\/span>\n <i class=\"fa-solid fa-arrow-right-long\" id=\"ctaBtnIcon\"><\/i>\n <\/button>\n <\/footer>\n <\/div>\n\n <\/div>\n<\/section>\n\n<script>\n document.addEventListener('DOMContentLoaded', () => {\n\n \/\/ --- \ud83d\udd12 GLOBAL NAVIGATION SITE-WIDE MASKING OVERRIDES ---\n const GlobalNavigationSelectors = [\n 'header:not(.custom-assessment-header)', 'nav:not(.custom-assessment-header)', \n '.site-header', '#site-navigation', '.nav-container', '#top-menu', \n '.main-header', '.navbar'\n ];\n\n function isolateAssessmentWorkspaceView(shouldHide) {\n GlobalNavigationSelectors.forEach(selector => {\n const DOMElements = document.querySelectorAll(selector);\n DOMElements.forEach(element => {\n if (shouldHide) {\n element.style.setProperty('display', 'none', 'important');\n } else {\n element.style.removeProperty('display');\n }\n });\n });\n }\n\n isolateAssessmentWorkspaceView(true);\n\n \/\/ --- \ud83d\udcda EVALUATION QUESTIONS SUITE MATRIX FOR YEAR 3-4 ---\n const EVALUATION_QUESTIONS = [\n \/\/ SECTION 1: FOUNDATIONAL\n { id: 1, section: 1, topic: \"Mathematics\", answer: \"33\", text: \"Mia has 45 stickers. She gives 12 to her sister. How many stickers does Mia have left?\", choices: [\"32\", \"33\", \"57\", \"23\"] },\n { id: 2, section: 1, topic: \"Mathematics\", answer: \"42\", text: \"A bakery sold 24 muffins in the morning and 18 muffins in the afternoon. How many muffins did they sell in total?\", choices: [\"42\", \"32\", \"36\", \"40\"] },\n { id: 3, section: 1, topic: \"Analytical Skill\", answer: \"3\/4\", text: \"Leo cuts a pizza into 4 equal slices and eats 1 slice. What fraction of the pizza is left?\", choices: [\"1\/4\", \"2\/4\", \"3\/4\", \"4\/4\"] },\n { id: 4, section: 1, topic: \"Logical Reasoning\", answer: \"30 minutes\", text: \"A school bus picks up children at 8:00 AM and arrives at school at 8:30 AM. How long is the bus ride?\", choices: [\"15 minutes\", \"20 minutes\", \"30 minutes\", \"1 hour\"] },\n { id: 5, section: 1, topic: \"Mathematics\", answer: \"$12\", text: \"A toy car costs $3. If Sam buys 4 toy cars, how much money does he spend?\", choices: [\"$7\", \"$10\", \"$12\", \"$15\"] },\n { id: 6, section: 1, topic: \"Mathematics\", answer: \"30\", text: \"There are 5 rows of chairs in a classroom. Each row has 6 chairs. How many chairs are there in total?\", choices: [\"11\", \"25\", \"30\", \"35\"] },\n { id: 7, section: 1, topic: \"Mathematics\", answer: \"30 cm\", text: \"A piece of ribbon is 50 centimeters long. Emma cuts off 20 centimeters to wrap a gift. How long is the ribbon now?\", choices: [\"20 cm\", \"30 cm\", \"70 cm\", \"25 cm\"] },\n { id: 8, section: 1, topic: \"Analytical Skill\", answer: \"Square\", text: \"I have a shape with 4 sides. All my sides are exactly the same length, and I have 4 square corners. What shape am I?\", choices: [\"Rectangle\", \"Triangle\", \"Hexagon\", \"Square\"] },\n { id: 9, section: 1, topic: \"Mathematics\", answer: \"5\", text: \"15 apples are shared equally among 3 friends. How many apples does each friend get?\", choices: [\"3\", \"4\", \"5\", \"12\"] },\n { id: 10, section: 1, topic: \"Mathematics\", answer: \"95\", text: \"What number is exactly 10 less than 105?\", choices: [\"90\", \"95\", \"115\", \"100\"] },\n\n \/\/ SECTION 2: ABOVE AVERAGE TRACK\n { id: 11, section: 2, topic: \"Mathematics\", answer: \"3,245\", text: \"A library has 3,045 books. The librarian buys 200 more books. How many books are in the library now?\", choices: [\"3,245\", \"5,045\", \"3,065\", \"3,200\"] },\n { id: 12, section: 2, topic: \"Analytical Skill\", answer: \"30 meters\", text: \"A farmer wants to build a fence completely around his rectangular garden. The garden is 10 meters long and 5 meters wide. How much fencing does he need?\", choices: [\"15 meters\", \"30 meters\", \"50 meters\", \"20 meters\"] },\n { id: 13, section: 2, topic: \"Logical Reasoning\", answer: \"1 hour 45 minutes\", text: \"A movie starts at 2:15 PM and finishes at 4:00 PM. How long is the movie?\", choices: [\"1 hour 45 minutes\", \"2 hours 15 minutes\", \"1 hour 15 minutes\", \"2 hours\"] },\n { id: 14, section: 2, topic: \"Mathematics\", answer: \"$25\", text: \"Sarah saved $45. She bought a book for $14 and a pen for $6. How much money does she have left?\", choices: [\"$20\", \"$25\", \"$31\", \"$39\"] },\n { id: 15, section: 2, topic: \"Mathematics\", answer: \"120\", text: \"A factory packs 24 pencils into a single box. How many pencils are in 5 boxes?\", choices: [\"100\", \"110\", \"120\", \"144\"] },\n { id: 16, section: 2, topic: \"Analytical Skill\", answer: \"4\/8\", text: \"Which fraction is exactly equal to one-half?\", choices: [\"3\/8\", \"4\/8\", \"2\/6\", \"5\/12\"] },\n { id: 17, section: 2, topic: \"Logical Reasoning\", answer: \"600 grams\", text: \"A baker has 1 kilogram of flour. He uses 400 grams to bake a cake. How much flour does he have left?\", choices: [\"600 grams\", \"500 grams\", \"1,400 grams\", \"60 grams\"] },\n { id: 18, section: 2, topic: \"Logical Reasoning\", answer: \"24\", text: \"At a zoo, there are 4 times as many monkeys as tigers. If there are 6 tigers, how many monkeys are there?\", choices: [\"10\", \"20\", \"24\", \"30\"] },\n { id: 19, section: 2, topic: \"Logical Reasoning\", answer: \"5\", text: \"38 children are going on a field trip. Each van can hold 8 children. How many vans are needed to take everyone?\", choices: [\"4\", \"5\", \"6\", \"4 and a half\"] },\n { id: 20, section: 2, topic: \"Analytical Skill\", answer: \"24 cm\", text: \"A plant grows 3 cm the first week, 6 cm the second week, and 12 cm the third week. If this exact doubling pattern continues, how much will it grow in the fourth week?\", choices: [\"15 cm\", \"18 cm\", \"20 cm\", \"24 cm\"] },\n\n \/\/ SECTION 3: EXCEPTIONAL REASONING\n { id: 21, section: 3, topic: \"Logical Reasoning\", answer: \"7\", text: \"Tom is thinking of a secret number. He multiplies it by 3, adds 4, and his final answer is 25. What was his starting number?\", choices: [\"5\", \"6\", \"7\", \"8\"] },\n { id: 22, section: 3, topic: \"Analytical Skill\", answer: \"24\", text: \"In a classroom, exactly 1\/3 of the students wear glasses. If 8 students wear glasses, how many students are in the classroom in total?\", choices: [\"16\", \"24\", \"32\", \"11\"] },\n { id: 23, section: 3, topic: \"Logical Reasoning\", answer: \"40 km\", text: \"A train travels at a steady speed of 60 kilometers per hour. A car travels at a steady speed of 80 kilometers per hour. If they both travel for exactly 2 hours, how much farther did the car go than the train?\", choices: [\"20 km\", \"40 km\", \"80 km\", \"120 km\"] },\n { id: 24, section: 3, topic: \"Logical Reasoning\", answer: \"5 kg\", text: \"3 identical red blocks and 1 blue block weigh a total of 22 kg. If the blue block weighs 7 kg, how much does one single red block weigh?\", choices: [\"4 kg\", \"5 kg\", \"6 kg\", \"15 kg\"] },\n { id: 25, section: 3, topic: \"Analytical Skill\", answer: \"30\", text: \"A bookshelf has 3 shelves. The top shelf has 5 fewer books than the middle shelf. The bottom shelf has twice as many books as the middle shelf. If the top shelf has 10 books, how many books are on the bottom shelf?\", choices: [\"20\", \"25\", \"30\", \"40\"] }\n ];\n\n let currentQuestionIndex = 0;\n let chosenResponsesLog = [];\n let clockSecondsRemaining = 30 * 60;\n let countdownTimerReference = null;\n\n let s1Correct = 0, s2Correct = 0, s3Correct = 0;\n let mathCorrect = 0, analyticalCorrect = 0, logicalCorrect = 0;\n\n const shellBox = document.getElementById('coreHubShell');\n const workspace = document.getElementById('questionWorkspaceNode');\n const currentQNumDisplay = document.getElementById('currentQuestionNum');\n const totalQNumDisplay = document.getElementById('totalQuestionsNum');\n const currentTopicDisplay = document.getElementById('currentTopicNum');\n const visualBarFill = document.getElementById('visualProgressBarFill');\n const timeDisplay = document.getElementById('timeClockVal');\n const nextCta = document.getElementById('nextQuestionBtn');\n const ctaText = document.getElementById('ctaBtnText');\n const ctaIcon = document.getElementById('ctaBtnIcon');\n\n totalQNumDisplay.innerText = EVALUATION_QUESTIONS.length;\n\n function startTimer() {\n countdownTimerReference = setInterval(() => {\n clockSecondsRemaining--;\n let mins = Math.floor(clockSecondsRemaining \/ 60);\n let secs = clockSecondsRemaining % 60;\n timeDisplay.innerText = `${mins < 10 ? '0' : ''}${mins}:${secs < 10 ? '0' : ''}${secs}`;\n if (clockSecondsRemaining <= 300) document.getElementById('timerBadge').classList.add('warning-state');\n if (clockSecondsRemaining <= 0) { clearInterval(countdownTimerReference); submitQuiz(); }\n }, 1000);\n }\n\n function renderQuestion() {\n nextCta.setAttribute('disabled', 'true');\n nextCta.classList.remove('unlocked-ready');\n\n const qData = EVALUATION_QUESTIONS[currentQuestionIndex];\n currentQNumDisplay.innerText = currentQuestionIndex + 1;\n currentTopicDisplay.innerText = qData.topic;\n\n const liveProgressPercent = Math.round(((currentQuestionIndex + 1) \/ EVALUATION_QUESTIONS.length) * 100);\n visualBarFill.style.width = `${liveProgressPercent}%`;\n\n if (currentQuestionIndex === EVALUATION_QUESTIONS.length - 1) {\n ctaText.innerText = \"Submit Assessment\";\n nextCta.classList.add('submit-state');\n ctaIcon.className = \"fa-solid fa-circle-check\";\n } else {\n ctaText.innerText = \"Next Question\";\n nextCta.classList.remove('submit-state');\n ctaIcon.className = \"fa-solid fa-arrow-right-long\";\n }\n\n let optionsHTML = '';\n qData.choices.forEach(choice => {\n optionsHTML += `\n <label class=\"option-label-card\">\n <input type=\"radio\" name=\"mcqOption\" value=\"${choice}\">\n <span class=\"custom-indicator-dot\"><\/span>\n <span class=\"option-text-val\">${choice}<\/span>\n <\/label>\n `;\n });\n\n workspace.innerHTML = `\n <div class=\"question-node-box\">\n <h3>Section ${qData.section}<\/h3>\n <h2>${qData.id}. ${qData.text}<\/h2>\n <div class=\"options-matrix-stack\">${optionsHTML}<\/div>\n <\/div>\n `;\n\n const cards = workspace.querySelectorAll('.option-label-card');\n cards.forEach(card => {\n card.addEventListener('click', function() {\n cards.forEach(c => c.classList.remove('selected-active'));\n this.classList.add('selected-active');\n this.querySelector('input').checked = true;\n nextCta.removeAttribute('disabled');\n nextCta.classList.add('unlocked-ready');\n });\n });\n }\n\n nextCta.addEventListener('click', () => {\n const checkedNode = workspace.querySelector('input[name=\"mcqOption\"]:checked');\n const selectedVal = checkedNode.value;\n const currentQ = EVALUATION_QUESTIONS[currentQuestionIndex];\n\n if (selectedVal === currentQ.answer) {\n if (currentQ.section === 1) s1Correct++;\n else if (currentQ.section === 2) s2Correct++;\n else if (currentQ.section === 3) s3Correct++;\n\n if (currentQ.topic === \"Mathematics\") mathCorrect++;\n else if (currentQ.topic === \"Analytical Skill\") analyticalCorrect++;\n else if (currentQ.topic === \"Logical Reasoning\") logicalCorrect++;\n }\n\n chosenResponsesLog.push({ questionId: currentQ.id, selectedAnswer: selectedVal });\n\n if (currentQuestionIndex < EVALUATION_QUESTIONS.length - 1) {\n currentQuestionIndex++; renderQuestion();\n } else {\n submitQuiz();\n }\n });\n\n async function submitQuiz() {\n clearInterval(countdownTimerReference);\n document.getElementById('masterHeaderContainer').style.display = 'none';\n\n workspace.innerHTML = `\n <div style=\"text-align:center; padding: 50px 0;\">\n <i class=\"fa-solid fa-circle-notch fa-spin\" style=\"font-size:3.5rem; color:var(--cl-teal); margin-bottom:20px;\"><\/i>\n <h2 style=\"color:var(--cl-navy-dark); font-weight:900;\">Processing Assessment Analytics...<\/h2>\n <p style=\"color:var(--cl-slate-400);\">Please wait while our engine compiles performance scores and runs data diagnostics.<\/p>\n <\/div>\n `;\n nextCta.style.display = 'none';\n\n const BACKEND_API_URL = \"https:\/\/diagnostic-backend-jmsu.onrender.com\/api\/assessment-submit-y34\";\n const CONTACT_MENTOR_URL = \"https:\/\/wa.me\/919251230015\";\n const ENROL_NOW_URL = \"\"; \n\n const totalCorrect = s1Correct + s2Correct + s3Correct;\n const overallPercent = Math.round((totalCorrect \/ 25) * 100);\n \n const s1Percent = Math.round((s1Correct \/ 10) * 100);\n const s2Percent = Math.round((s2Correct \/ 10) * 100);\n const s3Percent = Math.round((s3Correct \/ 5) * 100);\n\n const mathPercent = Math.round((mathCorrect \/ 11) * 100); \/\/ 11 Arithmetic Items total\n const analyticalPercent = Math.round((analyticalCorrect \/ 6) * 100); \/\/ 6 Spatial Items total\n const logicalPercent = Math.round((logicalCorrect \/ 8) * 100); \/\/ 8 Deduction Items total\n\n try {\n const studentId = localStorage.getItem(\"studentId\");\n await fetch(BACKEND_API_URL, {\n method: 'POST',\n headers: { 'Content-Type': 'application\/json' },\n body: JSON.stringify({\n studentId: studentId,\n answers: chosenResponsesLog,\n gradeGroup: \"Year 3-4\"\n })\n });\n renderSuccessHubState();\n } catch (err) {\n console.error(\"API Error:\", err);\n renderSuccessHubState();\n }\n\n function renderSuccessHubState() {\n isolateAssessmentWorkspaceView(false);\n\n \/\/ --- OPTIONAL RECOMMENDED CHANGE LOG UPDATED FROM ASSESSMENT TO REQUEST ---\n shellBox.innerHTML = `\n <div class=\"success-display-card\">\n <div class=\"success-badge-icon\"><i class=\"fa-solid fa-trophy\"><\/i><\/div>\n <h2>Congratulations!<\/h2>\n <p>You have successfully completed the Diagnostic Evaluation. Your results have been computed across curriculum categories below.<\/p>\n \n <div class=\"master-score-container\" style=\"display: none;\">\n <div class=\"score-circle\">\n <span class=\"big-num\">${overallPercent}%<\/span>\n <span class=\"small-lbl\">Overall<\/span>\n <\/div>\n <div class=\"master-meta-info\">\n <h4>Diagnostic Scorecard<\/h4>\n <p>Total Correct Answers: ${totalCorrect} \/ 25<\/p>\n <p>Status: Analysis Confirmed & Saved<\/p>\n <\/div>\n <\/div>\n\n <div class=\"metrics-breakdown-box\" style=\"display: none;\">\n <div class=\"metric-block-card\">\n <h3>Section Performance<\/h3>\n <div class=\"score-row-item\">\n <div class=\"row-item-meta\"><span>Section 1 (Foundational)<\/span><span>${s1Percent}%<\/span><\/div>\n <div class=\"progress-track-bg\"><div class=\"progress-fill-bar sec-color\" style=\"width: ${s1Percent}%\"><\/div><\/div>\n <\/div>\n <div class=\"score-row-item\">\n <div class=\"row-item-meta\"><span>Section 2 (Above Average)<\/span><span>${s2Percent}%<\/span><\/div>\n <div class=\"progress-track-bg\"><div class=\"progress-fill-bar sec-color\" style=\"width: ${s2Percent}%\"><\/div><\/div>\n <\/div>\n <div class=\"score-row-item\">\n <div class=\"row-item-meta\"><span>Section 3 (Exceptional)<\/span><span>${s3Percent}%<\/span><\/div>\n <div class=\"progress-track-bg\"><div class=\"progress-fill-bar sec-color\" style=\"width: ${s3Percent}%\"><\/div><\/div>\n <\/div>\n <\/div>\n\n <div class=\"metric-block-card\">\n <h3>Topic Performance<\/h3>\n <div class=\"score-row-item\">\n <div class=\"row-item-meta\"><span>Mathematics (Core Skills)<\/span><span>${mathPercent}%<\/span><\/div>\n <div class=\"progress-track-bg\"><div class=\"progress-fill-bar topic-color\" style=\"width: ${mathPercent}%\"><\/div><\/div>\n <\/div>\n <div class=\"score-row-item\">\n <div class=\"row-item-meta\"><span>Analytical Skill<\/span><span>${analyticalPercent}%<\/span><\/div>\n <div class=\"progress-track-bg\"><div class=\"progress-fill-bar topic-color\" style=\"width: ${analyticalPercent}%\"><\/div><\/div>\n <\/div>\n <div class=\"score-row-item\">\n <div class=\"row-item-meta\"><span>Logical Reasoning<\/span><span>${logicalPercent}%<\/span><\/div>\n <div class=\"progress-track-bg\"><div class=\"progress-fill-bar topic-color\" style=\"width: ${logicalPercent}%\"><\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <button type=\"button\" id=\"getReportBtnTrigger\" class=\"primary-result-cta\">\n <i class=\"fa-solid fa-envelope-open-text\" style=\"margin-right:10px;\"><\/i> Request Report\n <\/button>\n \n <div class=\"email-delivery-notice-msg\" id=\"deliveryNoticeBox\">\n <i class=\"fa-solid fa-bell\" style=\"margin-right:8px;\"><\/i> Your comprehensive analysis will arrive on your registered email within 6 hours.\n <\/div>\n \n <div class=\"conversion-split-row\">\n <a href=\"${CONTACT_MENTOR_URL}\" target=\"_blank\" class=\"secondary-conversion-btn mentor-btn\">\n <i class=\"fa-brands fa-whatsapp\" style=\"font-size:1.2rem; color:#25D366;\"><\/i> Contact Expert Mentor\n <\/a>\n <a href=\"${ENROL_NOW_URL !== \"\" ? ENROL_NOW_URL : '#'}\" class=\"secondary-conversion-btn enroll-btn\" id=\"enrollCtaNode\">\n <i class=\"fa-solid fa-graduation-cap\"><\/i> Enrol Now\n <\/a>\n <\/div>\n <\/div>\n `;\n\n \/\/ --- \ud83c\udf1f STEP 3: REPLACED WITH UNIFIED INTERACTION AND VISUAL STYLE TOGGLES BLOCK ---\n document.getElementById('getReportBtnTrigger').addEventListener('click', async function () {\n\n const studentId = localStorage.getItem('studentId');\n\n console.log(\"Student ID:\", studentId);\n\n if (!studentId) {\n alert('Student ID not found. Please register again.');\n return;\n }\n\n try {\n\n this.innerHTML = 'Processing Request...';\n this.disabled = true;\n\n const response = await fetch(\n `https:\/\/diagnostic-backend-jmsu.onrender.com\/api\/assessment-latest-report?sessionId=${studentId}`\n );\n\n const result = await response.json();\n\n console.log(\"REPORT DATA:\", result);\n\n if (!result.success) {\n\n alert(result.message || 'Report not found');\n\n this.disabled = false;\n this.innerHTML = 'Get Report & AI Analysis';\n\n return;\n }\n\n document.getElementById('deliveryNoticeBox').style.display = 'block';\n\n this.innerHTML = 'REPORT REQUEST SENT';\n\n this.style.opacity = '0.6';\n this.style.cursor = 'not-allowed';\n\n } catch (error) {\n\n console.error(error);\n\n alert('Failed to connect to report server.');\n\n this.disabled = false;\n this.innerHTML = 'Get Report & AI Analysis';\n }\n });\n\n document.getElementById('enrollCtaNode').addEventListener('click', function(e) {\n if (ENROL_NOW_URL === \"\") { e.preventDefault(); alert(\"Enrolment module placeholder activated. Configure the 'ENROL_NOW_URL' path later.\"); }\n });\n }\n }\n\n startTimer();\n renderQuestion();\n });\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Curious Learner Academy – Year 3-4 Diagnostic Evaluation Question 1 of 25 \u2014 Topic 30:00 Next Question<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-722","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"curiouslearneroffice@gmail.com","author_link":"https:\/\/curiouslearneracademy.com\/newzealand\/author\/curiouslearnerofficegmail-com\/"},"uagb_comment_info":0,"uagb_excerpt":"Curious Learner Academy – Year 3-4 Diagnostic Evaluation Question 1 of 25 \u2014 Topic 30:00 Next Question","_links":{"self":[{"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/pages\/722","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/comments?post=722"}],"version-history":[{"count":3,"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/pages\/722\/revisions"}],"predecessor-version":[{"id":775,"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/pages\/722\/revisions\/775"}],"wp:attachment":[{"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/media?parent=722"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":722,"date":"2026-06-05T10:30:14","date_gmt":"2026-06-05T10:30:14","guid":{"rendered":"https:\/\/curiouslearneracademy.com\/newzealand\/?page_id=722"},"modified":"2026-06-10T06:21:32","modified_gmt":"2026-06-10T06:21:32","slug":"year-3-4-diagnostic-assessment","status":"publish","type":"page","link":"https:\/\/curiouslearneracademy.com\/newzealand\/year-3-4-diagnostic-assessment\/","title":{"rendered":"Year 3-4 Diagnostic Assessment"},"content":{"rendered":"\n\n\n\n \n \n Curious Learner Academy – Year 3-4 Diagnostic Evaluation<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;600;700;900&display=swap');\n\n :root {\n --cl-teal: #14b8a6;\n --cl-navy-dark: #020617;\n --cl-navy-pure: #0c4a6e;\n --cl-orange: #f97316;\n --cl-white: #ffffff;\n --cl-slate-50: #f8fafc;\n --cl-slate-100: #f1f5f9;\n --cl-slate-400: #94a3b8;\n --cl-slate-700: #334155;\n --border-soft: rgba(12, 74, 110, 0.12);\n }\n\n body {\n background-color: var(--cl-white);\n font-family: 'Outfit', sans-serif;\n margin: 0; padding: 0;\n color: var(--cl-slate-700);\n -webkit-font-smoothing: antialiased;\n }\n\n #cl-quiz-portal {\n padding: 40px 0;\n display: flex; justify-content: center; align-items: center;\n min-height: 100vh;\n background: var(--cl-slate-50);\n }\n\n .quiz-wrapper {\n max-width: 900px; width: 90%;\n background: var(--cl-white);\n border: 1px solid var(--border-soft);\n border-radius: 40px; padding: 40px;\n box-shadow: 0 25px 60px rgba(2, 6, 23, 0.05);\n box-sizing: border-box; position: relative;\n transition: all 0.5s ease-in-out;\n }\n\n .custom-assessment-header {\n padding-bottom: 25px; \n border-bottom: 2px solid var(--cl-slate-100);\n margin-bottom: 35px;\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n }\n\n .meta-top-row {\n display: flex; justify-content: space-between; align-items: center;\n margin-bottom: 20px; width: 100%;\n }\n\n .progress-indicator {\n font-size: 1.1rem; font-weight: 900; color: var(--cl-navy-pure);\n text-transform: uppercase; letter-spacing: 1px;\n }\n\n .progress-indicator span { color: var(--cl-teal); }\n\n .timer-badge {\n background: var(--cl-navy-dark); color: var(--cl-white);\n padding: 10px 22px; border-radius: 14px; font-weight: 700;\n display: flex; align-items: center; gap: 10px; border: 1px solid rgba(255,255,255,0.1);\n }\n\n .timer-badge.warning-state {\n background: #ef4444; border-color: #ef4444;\n animation: panicPulse 1s infinite alternate;\n }\n\n @keyframes panicPulse {\n 0% { transform: scale(1); } 100% { transform: scale(1.05); box-shadow: 0 0 15px rgba(239, 68, 68, 0.4); }\n }\n\n .quiz-progress-track {\n width: 100%; height: 8px; background: var(--cl-slate-100); border-radius: 10px; overflow: hidden;\n }\n .quiz-progress-fill {\n width: 4%; height: 100%; background: linear-gradient(90deg, var(--cl-teal), #06b6d4);\n border-radius: 10px; transition: width 0.4s ease-in-out;\n }\n\n \/* --- QUESTION WORKSPACE --- *\/\n .question-node-box h3 {\n font-size: 0.85rem; color: var(--cl-teal); font-weight: 900;\n text-transform: uppercase; letter-spacing: 2px; margin: 0 0 10px 0;\n display: block !important;\n }\n\n .question-node-box h2 {\n font-size: 1.45rem; color: var(--cl-navy-dark); font-weight: 800;\n line-height: 1.5; margin: 0 0 30px 0;\n }\n\n .options-matrix-stack {\n display: flex; flex-direction: column; gap: 16px; margin-bottom: 40px;\n }\n\n .option-label-card {\n background: var(--cl-white); border: 2px solid var(--cl-slate-100);\n border-radius: 18px; padding: 20px 25px; display: flex; align-items: center;\n gap: 15px; cursor: pointer; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n }\n\n .option-label-card:hover { border-color: var(--cl-teal); background: var(--cl-slate-50); transform: translateX(4px); }\n .option-label-card input[type=\"radio\"] { appearance: none; -webkit-appearance: none; margin: 0; position: absolute; }\n .custom-indicator-dot { width: 22px; height: 22px; border: 2px solid var(--cl-slate-400); border-radius: 50%; display: inline-block; flex-shrink: 0; position: relative; transition: all 0.2s ease; }\n .option-label-card.selected-active { border-color: var(--cl-teal); background: rgba(20, 184, 166, 0.03); }\n .option-label-card.selected-active .custom-indicator-dot { border-color: var(--cl-teal); background: var(--cl-teal); }\n .option-label-card.selected-active .custom-indicator-dot::after { content: ''; width: 8px; height: 8px; background: var(--cl-white); border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }\n .option-text-val { font-size: 1.05rem; font-weight: 600; color: var(--cl-slate-700); }\n\n \/* --- FOOTER CTAS --- *\/\n .quiz-action-footer { display: flex; justify-content: flex-end; padding-top: 25px; border-top: 2px solid var(--cl-slate-100); }\n \n .next-step-trigger-btn {\n padding: 16px 40px; font-family: 'Outfit', sans-serif; font-size: 1.1rem;\n font-weight: 900; text-transform: uppercase; letter-spacing: 1px;\n border: none; border-radius: 16px; cursor: not-allowed;\n display: flex; align-items: center; gap: 12px;\n background: var(--cl-slate-400); color: rgba(255, 255, 255, 0.6); transition: all 0.3s ease;\n }\n\n .next-step-trigger-btn.unlocked-ready { background: var(--cl-orange); color: var(--cl-white); cursor: pointer; box-shadow: 0 10px 20px rgba(249, 115, 22, 0.2); }\n .next-step-trigger-btn.unlocked-ready.submit-state { background: var(--cl-teal); box-shadow: 0 10px 20px rgba(20, 184, 166, 0.2); }\n .next-step-trigger-btn.unlocked-ready:hover { transform: translateY(-2px); filter: brightness(1.05); }\n .next-step-trigger-btn i { transition: transform 0.2s ease; }\n .next-step-trigger-btn.unlocked-ready:hover i { transform: translateX(4px); }\n\n \/* --- DIAGNOSTIC SCORECARD OVERVIEW HUB --- *\/\n .success-display-card { animation: fadeInHub 0.6s ease-out forwards; text-align: center; }\n @keyframes fadeInHub { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); } }\n \n .success-badge-icon {\n width: 80px; height: 80px; background: rgba(20, 184, 166, 0.1); color: var(--cl-teal);\n border-radius: 50%; display: flex; align-items: center; justify-content: center;\n font-size: 2.5rem; margin: 0 auto 20px;\n }\n\n .success-display-card h2 { font-size: 2.2rem; color: var(--cl-navy-dark); font-weight: 900; margin: 0 0 10px 0; }\n .success-display-card p { font-size: 1.05rem; color: var(--cl-slate-700); max-width: 650px; margin: 0 auto 30px; line-height: 1.6; }\n\n .master-score-container {\n background: linear-gradient(135deg, var(--cl-navy-dark) 0%, var(--cl-navy-pure) 100%);\n border-radius: 24px; padding: 30px; margin-bottom: 35px; color: var(--cl-white);\n display: flex; align-items: center; justify-content: space-around; text-align: left;\n }\n\n .score-circle {\n width: 110px; height: 110px; border: 6px solid var(--cl-teal); border-radius: 50%;\n display: flex; flex-direction: column; align-items: center; justify-content: center;\n background: rgba(255,255,255,0.05); box-shadow: 0 0 20px rgba(20, 184, 166, 0.2);\n }\n .score-circle .big-num { font-size: 2rem; font-weight: 900; color: var(--cl-white); line-height: 1; }\n .score-circle .small-lbl { font-size: 0.75rem; text-transform: uppercase; color: var(--cl-slate-400); font-weight: 700; margin-top: 4px; }\n\n .master-meta-info h4 { margin: 0 0 5px 0; font-size: 1.3rem; font-weight: 900; }\n .master-meta-info p { margin: 0; color: var(--cl-slate-400); font-size: 0.95rem; }\n\n .metrics-breakdown-box { display: grid; grid-template-columns: 1fr 1fr; gap: 25px; margin-bottom: 35px; text-align: left; }\n .metric-block-card { background: var(--cl-slate-50); border: 1px solid var(--cl-slate-100); padding: 25px; border-radius: 20px; }\n .metric-block-card h3 { margin: 0 0 20px 0; font-size: 1rem; text-transform: uppercase; letter-spacing: 1px; color: var(--cl-navy-pure); font-weight: 900; border-bottom: 2px solid var(--cl-slate-100); padding-bottom: 8px; }\n\n .score-row-item { margin-bottom: 15px; }\n .score-row-item:last-child { margin-bottom: 0; }\n .row-item-meta { display: flex; justify-content: space-between; font-size: 0.9rem; font-weight: 700; margin-bottom: 6px; color: var(--cl-slate-700); }\n \n .progress-track-bg { width: 100%; height: 8px; background: var(--cl-slate-100); border-radius: 10px; overflow: hidden; }\n .progress-fill-bar { height: 100%; border-radius: 10px; width: 0%; transition: width 1s ease-in-out; }\n .progress-fill-bar.sec-color { background: var(--cl-teal); }\n .progress-fill-bar.topic-color { background: var(--cl-orange); }\n\n .primary-result-cta {\n display: block; width: 100%; max-width: 450px; margin: 0 auto 10px;\n padding: 18px 30px; background: var(--cl-teal); color: var(--cl-white);\n border-radius: 18px; font-size: 1.2rem; font-weight: 900; text-transform: uppercase;\n letter-spacing: 1px; text-decoration: none; border: none; cursor: pointer;\n box-shadow: 0 12px 24px rgba(20, 184, 166, 0.25); transition: all 0.3s ease;\n }\n .primary-result-cta:hover { background: var(--cl-navy-pure); transform: translateY(-3px); }\n\n \/* NOTICE HUB PANEL HIDDEN BY DEFAULT ACCORDING TO DOCUMENTATION SPECIFICATION RULES *\/\n .email-delivery-notice-msg { font-size: 0.9rem; font-weight: 700; color: var(--cl-orange); margin: 15px auto 25px; display: none; text-transform: uppercase; letter-spacing: 0.5px; }\n\n .conversion-split-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; max-width: 600px; margin: 15px auto 0; padding-top: 30px; border-top: 1px solid var(--cl-slate-100); }\n .secondary-conversion-btn { padding: 16px 25px; border-radius: 14px; font-size: 1rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; text-decoration: none; display: flex; align-items: center; justify-content: center; gap: 10px; transition: all 0.3s ease; }\n .secondary-conversion-btn.mentor-btn { background: var(--cl-slate-100); color: var(--cl-navy-pure); }\n .secondary-conversion-btn.mentor-btn:hover { background: var(--cl-white); box-shadow: 0 0 0 2px var(--cl-navy-pure); transform: translateY(-2px); }\n .secondary-conversion-btn.enroll-btn { background: var(--cl-orange); color: var(--cl-white); box-shadow: 0 8px 16px rgba(249, 115, 22, 0.2); }\n .secondary-conversion-btn.enroll-btn:hover { background: var(--cl-navy-dark); transform: translateY(-2px); }\n\n @media (max-width: 768px) {\n .quiz-wrapper { padding: 30px 20px; border-radius: 30px; }\n .custom-assessment-header { padding-bottom: 15px; margin-bottom: 25px; }\n .meta-top-row { flex-direction: column; gap: 15px; align-items: flex-start; }\n .timer-badge { width: 100%; justify-content: center; box-sizing: border-box; }\n .metrics-breakdown-box { grid-template-columns: 1fr; gap: 20px; }\n .master-score-container { flex-direction: column; text-align: center; gap: 20px; }\n .conversion-split-row { grid-template-columns: 1fr; gap: 15px; }\n }\n <\/style>\n<\/head>\n<body>\n\n<section id=\"cl-quiz-portal\">\n <div class=\"quiz-wrapper\" id=\"coreHubShell\">\n \n <div id=\"activeQuizStateLayer\">\n <div class=\"custom-assessment-header\" id=\"masterHeaderContainer\">\n <div class=\"meta-top-row\">\n <div class=\"progress-indicator\">Question <span id=\"currentQuestionNum\">1<\/span> of <span id=\"totalQuestionsNum\">25<\/span> \u2014 <span id=\"currentTopicNum\">Topic<\/span><\/div>\n <div class=\"timer-badge\" id=\"timerBadge\">\n <i class=\"fa-solid fa-clock-rotate-left\"><\/i> <span id=\"timeClockVal\">30:00<\/span>\n <\/div>\n <\/div>\n <div class=\"quiz-progress-track\">\n <div class=\"quiz-progress-fill\" id=\"visualProgressBarFill\"><\/div>\n <\/div>\n <\/div>\n\n <main id=\"questionWorkspaceNode\">\n <\/main>\n\n <footer class=\"quiz-action-footer\">\n <button type=\"button\" id=\"nextQuestionBtn\" class=\"next-step-trigger-btn\" disabled=\"\">\n <span id=\"ctaBtnText\">Next Question<\/span>\n <i class=\"fa-solid fa-arrow-right-long\" id=\"ctaBtnIcon\"><\/i>\n <\/button>\n <\/footer>\n <\/div>\n\n <\/div>\n<\/section>\n\n<script>\n document.addEventListener('DOMContentLoaded', () => {\n\n \/\/ --- \ud83d\udd12 GLOBAL NAVIGATION SITE-WIDE MASKING OVERRIDES ---\n const GlobalNavigationSelectors = [\n 'header:not(.custom-assessment-header)', 'nav:not(.custom-assessment-header)', \n '.site-header', '#site-navigation', '.nav-container', '#top-menu', \n '.main-header', '.navbar'\n ];\n\n function isolateAssessmentWorkspaceView(shouldHide) {\n GlobalNavigationSelectors.forEach(selector => {\n const DOMElements = document.querySelectorAll(selector);\n DOMElements.forEach(element => {\n if (shouldHide) {\n element.style.setProperty('display', 'none', 'important');\n } else {\n element.style.removeProperty('display');\n }\n });\n });\n }\n\n isolateAssessmentWorkspaceView(true);\n\n \/\/ --- \ud83d\udcda EVALUATION QUESTIONS SUITE MATRIX FOR YEAR 3-4 ---\n const EVALUATION_QUESTIONS = [\n \/\/ SECTION 1: FOUNDATIONAL\n { id: 1, section: 1, topic: \"Mathematics\", answer: \"33\", text: \"Mia has 45 stickers. She gives 12 to her sister. How many stickers does Mia have left?\", choices: [\"32\", \"33\", \"57\", \"23\"] },\n { id: 2, section: 1, topic: \"Mathematics\", answer: \"42\", text: \"A bakery sold 24 muffins in the morning and 18 muffins in the afternoon. How many muffins did they sell in total?\", choices: [\"42\", \"32\", \"36\", \"40\"] },\n { id: 3, section: 1, topic: \"Analytical Skill\", answer: \"3\/4\", text: \"Leo cuts a pizza into 4 equal slices and eats 1 slice. What fraction of the pizza is left?\", choices: [\"1\/4\", \"2\/4\", \"3\/4\", \"4\/4\"] },\n { id: 4, section: 1, topic: \"Logical Reasoning\", answer: \"30 minutes\", text: \"A school bus picks up children at 8:00 AM and arrives at school at 8:30 AM. How long is the bus ride?\", choices: [\"15 minutes\", \"20 minutes\", \"30 minutes\", \"1 hour\"] },\n { id: 5, section: 1, topic: \"Mathematics\", answer: \"$12\", text: \"A toy car costs $3. If Sam buys 4 toy cars, how much money does he spend?\", choices: [\"$7\", \"$10\", \"$12\", \"$15\"] },\n { id: 6, section: 1, topic: \"Mathematics\", answer: \"30\", text: \"There are 5 rows of chairs in a classroom. Each row has 6 chairs. How many chairs are there in total?\", choices: [\"11\", \"25\", \"30\", \"35\"] },\n { id: 7, section: 1, topic: \"Mathematics\", answer: \"30 cm\", text: \"A piece of ribbon is 50 centimeters long. Emma cuts off 20 centimeters to wrap a gift. How long is the ribbon now?\", choices: [\"20 cm\", \"30 cm\", \"70 cm\", \"25 cm\"] },\n { id: 8, section: 1, topic: \"Analytical Skill\", answer: \"Square\", text: \"I have a shape with 4 sides. All my sides are exactly the same length, and I have 4 square corners. What shape am I?\", choices: [\"Rectangle\", \"Triangle\", \"Hexagon\", \"Square\"] },\n { id: 9, section: 1, topic: \"Mathematics\", answer: \"5\", text: \"15 apples are shared equally among 3 friends. How many apples does each friend get?\", choices: [\"3\", \"4\", \"5\", \"12\"] },\n { id: 10, section: 1, topic: \"Mathematics\", answer: \"95\", text: \"What number is exactly 10 less than 105?\", choices: [\"90\", \"95\", \"115\", \"100\"] },\n\n \/\/ SECTION 2: ABOVE AVERAGE TRACK\n { id: 11, section: 2, topic: \"Mathematics\", answer: \"3,245\", text: \"A library has 3,045 books. The librarian buys 200 more books. How many books are in the library now?\", choices: [\"3,245\", \"5,045\", \"3,065\", \"3,200\"] },\n { id: 12, section: 2, topic: \"Analytical Skill\", answer: \"30 meters\", text: \"A farmer wants to build a fence completely around his rectangular garden. The garden is 10 meters long and 5 meters wide. How much fencing does he need?\", choices: [\"15 meters\", \"30 meters\", \"50 meters\", \"20 meters\"] },\n { id: 13, section: 2, topic: \"Logical Reasoning\", answer: \"1 hour 45 minutes\", text: \"A movie starts at 2:15 PM and finishes at 4:00 PM. How long is the movie?\", choices: [\"1 hour 45 minutes\", \"2 hours 15 minutes\", \"1 hour 15 minutes\", \"2 hours\"] },\n { id: 14, section: 2, topic: \"Mathematics\", answer: \"$25\", text: \"Sarah saved $45. She bought a book for $14 and a pen for $6. How much money does she have left?\", choices: [\"$20\", \"$25\", \"$31\", \"$39\"] },\n { id: 15, section: 2, topic: \"Mathematics\", answer: \"120\", text: \"A factory packs 24 pencils into a single box. How many pencils are in 5 boxes?\", choices: [\"100\", \"110\", \"120\", \"144\"] },\n { id: 16, section: 2, topic: \"Analytical Skill\", answer: \"4\/8\", text: \"Which fraction is exactly equal to one-half?\", choices: [\"3\/8\", \"4\/8\", \"2\/6\", \"5\/12\"] },\n { id: 17, section: 2, topic: \"Logical Reasoning\", answer: \"600 grams\", text: \"A baker has 1 kilogram of flour. He uses 400 grams to bake a cake. How much flour does he have left?\", choices: [\"600 grams\", \"500 grams\", \"1,400 grams\", \"60 grams\"] },\n { id: 18, section: 2, topic: \"Logical Reasoning\", answer: \"24\", text: \"At a zoo, there are 4 times as many monkeys as tigers. If there are 6 tigers, how many monkeys are there?\", choices: [\"10\", \"20\", \"24\", \"30\"] },\n { id: 19, section: 2, topic: \"Logical Reasoning\", answer: \"5\", text: \"38 children are going on a field trip. Each van can hold 8 children. How many vans are needed to take everyone?\", choices: [\"4\", \"5\", \"6\", \"4 and a half\"] },\n { id: 20, section: 2, topic: \"Analytical Skill\", answer: \"24 cm\", text: \"A plant grows 3 cm the first week, 6 cm the second week, and 12 cm the third week. If this exact doubling pattern continues, how much will it grow in the fourth week?\", choices: [\"15 cm\", \"18 cm\", \"20 cm\", \"24 cm\"] },\n\n \/\/ SECTION 3: EXCEPTIONAL REASONING\n { id: 21, section: 3, topic: \"Logical Reasoning\", answer: \"7\", text: \"Tom is thinking of a secret number. He multiplies it by 3, adds 4, and his final answer is 25. What was his starting number?\", choices: [\"5\", \"6\", \"7\", \"8\"] },\n { id: 22, section: 3, topic: \"Analytical Skill\", answer: \"24\", text: \"In a classroom, exactly 1\/3 of the students wear glasses. If 8 students wear glasses, how many students are in the classroom in total?\", choices: [\"16\", \"24\", \"32\", \"11\"] },\n { id: 23, section: 3, topic: \"Logical Reasoning\", answer: \"40 km\", text: \"A train travels at a steady speed of 60 kilometers per hour. A car travels at a steady speed of 80 kilometers per hour. If they both travel for exactly 2 hours, how much farther did the car go than the train?\", choices: [\"20 km\", \"40 km\", \"80 km\", \"120 km\"] },\n { id: 24, section: 3, topic: \"Logical Reasoning\", answer: \"5 kg\", text: \"3 identical red blocks and 1 blue block weigh a total of 22 kg. If the blue block weighs 7 kg, how much does one single red block weigh?\", choices: [\"4 kg\", \"5 kg\", \"6 kg\", \"15 kg\"] },\n { id: 25, section: 3, topic: \"Analytical Skill\", answer: \"30\", text: \"A bookshelf has 3 shelves. The top shelf has 5 fewer books than the middle shelf. The bottom shelf has twice as many books as the middle shelf. If the top shelf has 10 books, how many books are on the bottom shelf?\", choices: [\"20\", \"25\", \"30\", \"40\"] }\n ];\n\n let currentQuestionIndex = 0;\n let chosenResponsesLog = [];\n let clockSecondsRemaining = 30 * 60;\n let countdownTimerReference = null;\n\n let s1Correct = 0, s2Correct = 0, s3Correct = 0;\n let mathCorrect = 0, analyticalCorrect = 0, logicalCorrect = 0;\n\n const shellBox = document.getElementById('coreHubShell');\n const workspace = document.getElementById('questionWorkspaceNode');\n const currentQNumDisplay = document.getElementById('currentQuestionNum');\n const totalQNumDisplay = document.getElementById('totalQuestionsNum');\n const currentTopicDisplay = document.getElementById('currentTopicNum');\n const visualBarFill = document.getElementById('visualProgressBarFill');\n const timeDisplay = document.getElementById('timeClockVal');\n const nextCta = document.getElementById('nextQuestionBtn');\n const ctaText = document.getElementById('ctaBtnText');\n const ctaIcon = document.getElementById('ctaBtnIcon');\n\n totalQNumDisplay.innerText = EVALUATION_QUESTIONS.length;\n\n function startTimer() {\n countdownTimerReference = setInterval(() => {\n clockSecondsRemaining--;\n let mins = Math.floor(clockSecondsRemaining \/ 60);\n let secs = clockSecondsRemaining % 60;\n timeDisplay.innerText = `${mins < 10 ? '0' : ''}${mins}:${secs < 10 ? '0' : ''}${secs}`;\n if (clockSecondsRemaining <= 300) document.getElementById('timerBadge').classList.add('warning-state');\n if (clockSecondsRemaining <= 0) { clearInterval(countdownTimerReference); submitQuiz(); }\n }, 1000);\n }\n\n function renderQuestion() {\n nextCta.setAttribute('disabled', 'true');\n nextCta.classList.remove('unlocked-ready');\n\n const qData = EVALUATION_QUESTIONS[currentQuestionIndex];\n currentQNumDisplay.innerText = currentQuestionIndex + 1;\n currentTopicDisplay.innerText = qData.topic;\n\n const liveProgressPercent = Math.round(((currentQuestionIndex + 1) \/ EVALUATION_QUESTIONS.length) * 100);\n visualBarFill.style.width = `${liveProgressPercent}%`;\n\n if (currentQuestionIndex === EVALUATION_QUESTIONS.length - 1) {\n ctaText.innerText = \"Submit Assessment\";\n nextCta.classList.add('submit-state');\n ctaIcon.className = \"fa-solid fa-circle-check\";\n } else {\n ctaText.innerText = \"Next Question\";\n nextCta.classList.remove('submit-state');\n ctaIcon.className = \"fa-solid fa-arrow-right-long\";\n }\n\n let optionsHTML = '';\n qData.choices.forEach(choice => {\n optionsHTML += `\n <label class=\"option-label-card\">\n <input type=\"radio\" name=\"mcqOption\" value=\"${choice}\">\n <span class=\"custom-indicator-dot\"><\/span>\n <span class=\"option-text-val\">${choice}<\/span>\n <\/label>\n `;\n });\n\n workspace.innerHTML = `\n <div class=\"question-node-box\">\n <h3>Section ${qData.section}<\/h3>\n <h2>${qData.id}. ${qData.text}<\/h2>\n <div class=\"options-matrix-stack\">${optionsHTML}<\/div>\n <\/div>\n `;\n\n const cards = workspace.querySelectorAll('.option-label-card');\n cards.forEach(card => {\n card.addEventListener('click', function() {\n cards.forEach(c => c.classList.remove('selected-active'));\n this.classList.add('selected-active');\n this.querySelector('input').checked = true;\n nextCta.removeAttribute('disabled');\n nextCta.classList.add('unlocked-ready');\n });\n });\n }\n\n nextCta.addEventListener('click', () => {\n const checkedNode = workspace.querySelector('input[name=\"mcqOption\"]:checked');\n const selectedVal = checkedNode.value;\n const currentQ = EVALUATION_QUESTIONS[currentQuestionIndex];\n\n if (selectedVal === currentQ.answer) {\n if (currentQ.section === 1) s1Correct++;\n else if (currentQ.section === 2) s2Correct++;\n else if (currentQ.section === 3) s3Correct++;\n\n if (currentQ.topic === \"Mathematics\") mathCorrect++;\n else if (currentQ.topic === \"Analytical Skill\") analyticalCorrect++;\n else if (currentQ.topic === \"Logical Reasoning\") logicalCorrect++;\n }\n\n chosenResponsesLog.push({ questionId: currentQ.id, selectedAnswer: selectedVal });\n\n if (currentQuestionIndex < EVALUATION_QUESTIONS.length - 1) {\n currentQuestionIndex++; renderQuestion();\n } else {\n submitQuiz();\n }\n });\n\n async function submitQuiz() {\n clearInterval(countdownTimerReference);\n document.getElementById('masterHeaderContainer').style.display = 'none';\n\n workspace.innerHTML = `\n <div style=\"text-align:center; padding: 50px 0;\">\n <i class=\"fa-solid fa-circle-notch fa-spin\" style=\"font-size:3.5rem; color:var(--cl-teal); margin-bottom:20px;\"><\/i>\n <h2 style=\"color:var(--cl-navy-dark); font-weight:900;\">Processing Assessment Analytics...<\/h2>\n <p style=\"color:var(--cl-slate-400);\">Please wait while our engine compiles performance scores and runs data diagnostics.<\/p>\n <\/div>\n `;\n nextCta.style.display = 'none';\n\n const BACKEND_API_URL = \"https:\/\/diagnostic-backend-jmsu.onrender.com\/api\/assessment-submit-y34\";\n const CONTACT_MENTOR_URL = \"https:\/\/wa.me\/919251230015\";\n const ENROL_NOW_URL = \"\"; \n\n const totalCorrect = s1Correct + s2Correct + s3Correct;\n const overallPercent = Math.round((totalCorrect \/ 25) * 100);\n \n const s1Percent = Math.round((s1Correct \/ 10) * 100);\n const s2Percent = Math.round((s2Correct \/ 10) * 100);\n const s3Percent = Math.round((s3Correct \/ 5) * 100);\n\n const mathPercent = Math.round((mathCorrect \/ 11) * 100); \/\/ 11 Arithmetic Items total\n const analyticalPercent = Math.round((analyticalCorrect \/ 6) * 100); \/\/ 6 Spatial Items total\n const logicalPercent = Math.round((logicalCorrect \/ 8) * 100); \/\/ 8 Deduction Items total\n\n try {\n const studentId = localStorage.getItem(\"studentId\");\n await fetch(BACKEND_API_URL, {\n method: 'POST',\n headers: { 'Content-Type': 'application\/json' },\n body: JSON.stringify({\n studentId: studentId,\n answers: chosenResponsesLog,\n gradeGroup: \"Year 3-4\"\n })\n });\n renderSuccessHubState();\n } catch (err) {\n console.error(\"API Error:\", err);\n renderSuccessHubState();\n }\n\n function renderSuccessHubState() {\n isolateAssessmentWorkspaceView(false);\n\n \/\/ --- OPTIONAL RECOMMENDED CHANGE LOG UPDATED FROM ASSESSMENT TO REQUEST ---\n shellBox.innerHTML = `\n <div class=\"success-display-card\">\n <div class=\"success-badge-icon\"><i class=\"fa-solid fa-trophy\"><\/i><\/div>\n <h2>Congratulations!<\/h2>\n <p>You have successfully completed the Diagnostic Evaluation. Your results have been computed across curriculum categories below.<\/p>\n \n <div class=\"master-score-container\" style=\"display: none;\">\n <div class=\"score-circle\">\n <span class=\"big-num\">${overallPercent}%<\/span>\n <span class=\"small-lbl\">Overall<\/span>\n <\/div>\n <div class=\"master-meta-info\">\n <h4>Diagnostic Scorecard<\/h4>\n <p>Total Correct Answers: ${totalCorrect} \/ 25<\/p>\n <p>Status: Analysis Confirmed & Saved<\/p>\n <\/div>\n <\/div>\n\n <div class=\"metrics-breakdown-box\" style=\"display: none;\">\n <div class=\"metric-block-card\">\n <h3>Section Performance<\/h3>\n <div class=\"score-row-item\">\n <div class=\"row-item-meta\"><span>Section 1 (Foundational)<\/span><span>${s1Percent}%<\/span><\/div>\n <div class=\"progress-track-bg\"><div class=\"progress-fill-bar sec-color\" style=\"width: ${s1Percent}%\"><\/div><\/div>\n <\/div>\n <div class=\"score-row-item\">\n <div class=\"row-item-meta\"><span>Section 2 (Above Average)<\/span><span>${s2Percent}%<\/span><\/div>\n <div class=\"progress-track-bg\"><div class=\"progress-fill-bar sec-color\" style=\"width: ${s2Percent}%\"><\/div><\/div>\n <\/div>\n <div class=\"score-row-item\">\n <div class=\"row-item-meta\"><span>Section 3 (Exceptional)<\/span><span>${s3Percent}%<\/span><\/div>\n <div class=\"progress-track-bg\"><div class=\"progress-fill-bar sec-color\" style=\"width: ${s3Percent}%\"><\/div><\/div>\n <\/div>\n <\/div>\n\n <div class=\"metric-block-card\">\n <h3>Topic Performance<\/h3>\n <div class=\"score-row-item\">\n <div class=\"row-item-meta\"><span>Mathematics (Core Skills)<\/span><span>${mathPercent}%<\/span><\/div>\n <div class=\"progress-track-bg\"><div class=\"progress-fill-bar topic-color\" style=\"width: ${mathPercent}%\"><\/div><\/div>\n <\/div>\n <div class=\"score-row-item\">\n <div class=\"row-item-meta\"><span>Analytical Skill<\/span><span>${analyticalPercent}%<\/span><\/div>\n <div class=\"progress-track-bg\"><div class=\"progress-fill-bar topic-color\" style=\"width: ${analyticalPercent}%\"><\/div><\/div>\n <\/div>\n <div class=\"score-row-item\">\n <div class=\"row-item-meta\"><span>Logical Reasoning<\/span><span>${logicalPercent}%<\/span><\/div>\n <div class=\"progress-track-bg\"><div class=\"progress-fill-bar topic-color\" style=\"width: ${logicalPercent}%\"><\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <button type=\"button\" id=\"getReportBtnTrigger\" class=\"primary-result-cta\">\n <i class=\"fa-solid fa-envelope-open-text\" style=\"margin-right:10px;\"><\/i> Request Report\n <\/button>\n \n <div class=\"email-delivery-notice-msg\" id=\"deliveryNoticeBox\">\n <i class=\"fa-solid fa-bell\" style=\"margin-right:8px;\"><\/i> Your comprehensive analysis will arrive on your registered email within 6 hours.\n <\/div>\n \n <div class=\"conversion-split-row\">\n <a href=\"${CONTACT_MENTOR_URL}\" target=\"_blank\" class=\"secondary-conversion-btn mentor-btn\">\n <i class=\"fa-brands fa-whatsapp\" style=\"font-size:1.2rem; color:#25D366;\"><\/i> Contact Expert Mentor\n <\/a>\n <a href=\"${ENROL_NOW_URL !== \"\" ? ENROL_NOW_URL : '#'}\" class=\"secondary-conversion-btn enroll-btn\" id=\"enrollCtaNode\">\n <i class=\"fa-solid fa-graduation-cap\"><\/i> Enrol Now\n <\/a>\n <\/div>\n <\/div>\n `;\n\n \/\/ --- \ud83c\udf1f STEP 3: REPLACED WITH UNIFIED INTERACTION AND VISUAL STYLE TOGGLES BLOCK ---\n document.getElementById('getReportBtnTrigger').addEventListener('click', async function () {\n\n const studentId = localStorage.getItem('studentId');\n\n console.log(\"Student ID:\", studentId);\n\n if (!studentId) {\n alert('Student ID not found. Please register again.');\n return;\n }\n\n try {\n\n this.innerHTML = 'Processing Request...';\n this.disabled = true;\n\n const response = await fetch(\n `https:\/\/diagnostic-backend-jmsu.onrender.com\/api\/assessment-latest-report?sessionId=${studentId}`\n );\n\n const result = await response.json();\n\n console.log(\"REPORT DATA:\", result);\n\n if (!result.success) {\n\n alert(result.message || 'Report not found');\n\n this.disabled = false;\n this.innerHTML = 'Get Report & AI Analysis';\n\n return;\n }\n\n document.getElementById('deliveryNoticeBox').style.display = 'block';\n\n this.innerHTML = 'REPORT REQUEST SENT';\n\n this.style.opacity = '0.6';\n this.style.cursor = 'not-allowed';\n\n } catch (error) {\n\n console.error(error);\n\n alert('Failed to connect to report server.');\n\n this.disabled = false;\n this.innerHTML = 'Get Report & AI Analysis';\n }\n });\n\n document.getElementById('enrollCtaNode').addEventListener('click', function(e) {\n if (ENROL_NOW_URL === \"\") { e.preventDefault(); alert(\"Enrolment module placeholder activated. Configure the 'ENROL_NOW_URL' path later.\"); }\n });\n }\n }\n\n startTimer();\n renderQuestion();\n });\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Curious Learner Academy – Year 3-4 Diagnostic Evaluation Question 1 of 25 \u2014 Topic 30:00 Next Question<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-722","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"curiouslearneroffice@gmail.com","author_link":"https:\/\/curiouslearneracademy.com\/newzealand\/author\/curiouslearnerofficegmail-com\/"},"uagb_comment_info":0,"uagb_excerpt":"Curious Learner Academy – Year 3-4 Diagnostic Evaluation Question 1 of 25 \u2014 Topic 30:00 Next Question","_links":{"self":[{"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/pages\/722","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/comments?post=722"}],"version-history":[{"count":3,"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/pages\/722\/revisions"}],"predecessor-version":[{"id":775,"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/pages\/722\/revisions\/775"}],"wp:attachment":[{"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/media?parent=722"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}