{"id":547,"date":"2026-07-20T05:32:52","date_gmt":"2026-07-20T05:32:52","guid":{"rendered":"https:\/\/teacherjm.com\/epja\/?page_id=547"},"modified":"2026-07-20T05:39:24","modified_gmt":"2026-07-20T05:39:24","slug":"547-2","status":"publish","type":"page","link":"https:\/\/teacherjm.com\/epja\/547-2\/","title":{"rendered":""},"content":{"rendered":"\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"162\" height=\"167\" src=\"https:\/\/teacherjm.com\/epja\/wp-content\/uploads\/2026\/07\/Testy.jpg\" alt=\"\" class=\"wp-image-551\"\/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n <!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Professional Career Test &#8211; Discover Your Path<\/title>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        body {\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            background: #f0f2f5;\n            padding: 20px;\n            color: #1a202c;\n        }\n        \n        .pdf-container {\n            max-width: 900px;\n            margin: 0 auto;\n            background: #ffffff;\n            padding: 35px 45px;\n            border-radius: 12px;\n            box-shadow: 0 10px 40px rgba(0,0,0,0.12);\n        }\n        \n        \/* ===== HEADER ===== *\/\n        .header {\n            text-align: center;\n            border-bottom: 4px solid #2b6cb0;\n            padding-bottom: 20px;\n            margin-bottom: 25px;\n        }\n        \n        .header .icon {\n            font-size: 48px;\n            display: block;\n            margin-bottom: 5px;\n        }\n        \n        .header h1 {\n            font-size: 28px;\n            color: #1a365d;\n            letter-spacing: 1px;\n        }\n        \n        .header h2 {\n            font-size: 16px;\n            color: #4a5568;\n            font-weight: normal;\n            margin-top: 5px;\n        }\n        \n        .header .subtitle {\n            background: #ebf8ff;\n            display: inline-block;\n            padding: 4px 18px;\n            border-radius: 20px;\n            font-size: 13px;\n            color: #2b6cb0;\n            font-weight: 600;\n            margin-top: 8px;\n        }\n        \n        .header .instructions {\n            background: #f7fafc;\n            padding: 12px 20px;\n            border-radius: 8px;\n            margin-top: 15px;\n            font-size: 15px;\n            color: #4a5568;\n            border: 1px solid #e2e8f0;\n            text-align: left;\n        }\n        \n        .header .instructions strong {\n            color: #2b6cb0;\n        }\n        \n        .student-info {\n            display: flex;\n            justify-content: space-between;\n            gap: 20px;\n            margin: 20px 0 30px 0;\n            padding: 15px 20px;\n            background: #f7fafc;\n            border-radius: 8px;\n            border: 1px dashed #cbd5e0;\n            flex-wrap: wrap;\n        }\n        \n        .student-info .field {\n            flex: 1;\n            min-width: 150px;\n        }\n        \n        .student-info label {\n            font-weight: 600;\n            font-size: 13px;\n            color: #4a5568;\n            display: block;\n            margin-bottom: 3px;\n        }\n        \n        .student-info input {\n            width: 100%;\n            padding: 6px 10px;\n            border: 2px solid #cbd5e0;\n            border-radius: 4px;\n            font-size: 14px;\n            font-family: inherit;\n            background: white;\n        }\n        \n        .student-info input:focus {\n            outline: none;\n            border-color: #2b6cb0;\n        }\n        \n        \/* ===== QUESTIONS ===== *\/\n        .question-block {\n            background: #f7fafc;\n            border-radius: 8px;\n            padding: 18px 22px;\n            margin-bottom: 15px;\n            border-left: 4px solid #2b6cb0;\n        }\n        \n        .question-block .q-number {\n            font-weight: 700;\n            color: #2b6cb0;\n            font-size: 14px;\n        }\n        \n        .question-block .q-text {\n            font-weight: 600;\n            font-size: 15px;\n            color: #1a365d;\n            margin: 5px 0 10px 0;\n        }\n        \n        .question-block .options {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 6px 15px;\n        }\n        \n        .question-block .options label {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            padding: 6px 12px;\n            border-radius: 4px;\n            cursor: pointer;\n            font-size: 14px;\n            color: #2d3748;\n            transition: background 0.2s;\n            border: 1px solid transparent;\n        }\n        \n        .question-block .options label:hover {\n            background: #edf2f7;\n            border-color: #cbd5e0;\n        }\n        \n        .question-block .options input[type=\"radio\"] {\n            transform: scale(1.2);\n            cursor: pointer;\n            flex-shrink: 0;\n        }\n        \n        .question-block .options .emoji {\n            font-size: 18px;\n        }\n        \n        \/* ===== SUBMIT BUTTON ===== *\/\n        .btn-submit {\n            display: block;\n            width: 100%;\n            max-width: 300px;\n            margin: 30px auto 20px;\n            background: #2b6cb0;\n            color: white;\n            border: none;\n            padding: 14px 20px;\n            border-radius: 6px;\n            font-size: 18px;\n            font-weight: 700;\n            cursor: pointer;\n            transition: background 0.2s;\n            text-align: center;\n        }\n        \n        .btn-submit:hover {\n            background: #1a4f8b;\n        }\n        \n        \/* ===== RESULTS CARD ===== *\/\n        #results-card {\n            display: none;\n            margin-top: 30px;\n            padding: 30px;\n            border-radius: 12px;\n            text-align: center;\n        }\n        \n        .results-show {\n            display: block !important;\n        }\n        \n        .result-card {\n            background: #f7fafc;\n            border: 2px solid #e2e8f0;\n            border-radius: 12px;\n            padding: 25px 30px;\n            margin-top: 15px;\n        }\n        \n        .result-card .result-icon {\n            font-size: 64px;\n            display: block;\n            margin-bottom: 10px;\n        }\n        \n        .result-card .result-title {\n            font-size: 28px;\n            font-weight: 700;\n            color: #1a365d;\n        }\n        \n        .result-card .result-subtitle {\n            font-size: 18px;\n            color: #2b6cb0;\n            font-weight: 600;\n            margin-top: 4px;\n        }\n        \n        .result-card .result-description {\n            font-size: 15px;\n            color: #4a5568;\n            line-height: 1.7;\n            margin: 12px 0;\n            text-align: left;\n            padding: 0 10px;\n        }\n        \n        .result-card .result-details {\n            display: grid;\n            grid-template-columns: 1fr 1fr 1fr;\n            gap: 15px;\n            margin: 15px 0;\n        }\n        \n        .result-card .result-details .item {\n            background: white;\n            padding: 12px;\n            border-radius: 8px;\n            border: 1px solid #e2e8f0;\n        }\n        \n        .result-card .result-details .item .label {\n            font-size: 12px;\n            color: #718096;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n        }\n        \n        .result-card .result-details .item .value {\n            font-size: 18px;\n            font-weight: 700;\n            color: #2b6cb0;\n            display: block;\n            margin-top: 3px;\n        }\n        \n        .result-card .result-scores {\n            margin-top: 15px;\n            padding-top: 15px;\n            border-top: 2px solid #e2e8f0;\n        }\n        \n        .result-card .result-scores .score-bar {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            padding: 4px 0;\n            font-size: 14px;\n        }\n        \n        .result-card .result-scores .score-bar .bar-label {\n            min-width: 120px;\n            text-align: right;\n            font-weight: 600;\n            color: #4a5568;\n        }\n        \n        .result-card .result-scores .score-bar .bar-track {\n            flex: 1;\n            height: 18px;\n            background: #edf2f7;\n            border-radius: 10px;\n            overflow: hidden;\n        }\n        \n        .result-card .result-scores .score-bar .bar-fill {\n            height: 100%;\n            border-radius: 10px;\n            transition: width 0.5s ease;\n        }\n        \n        .result-card .result-scores .score-bar .bar-value {\n            min-width: 40px;\n            font-weight: 700;\n            color: #2b6cb0;\n        }\n        \n        .result-card .result-actions {\n            margin-top: 20px;\n            display: flex;\n            gap: 12px;\n            justify-content: center;\n            flex-wrap: wrap;\n        }\n        \n        .result-card .result-actions .btn {\n            padding: 10px 25px;\n            border: none;\n            border-radius: 6px;\n            font-size: 14px;\n            font-weight: 600;\n            cursor: pointer;\n            transition: all 0.2s;\n            text-decoration: none;\n            display: inline-block;\n        }\n        \n        .result-card .result-actions .btn-primary {\n            background: #2b6cb0;\n            color: white;\n        }\n        .result-card .result-actions .btn-primary:hover { background: #1a4f8b; }\n        \n        .result-card .result-actions .btn-success {\n            background: #38a169;\n            color: white;\n        }\n        .result-card .result-actions .btn-success:hover { background: #2f855a; }\n        \n        \/* ===== FOOTER ===== *\/\n        .footer {\n            margin-top: 40px;\n            padding-top: 20px;\n            border-top: 2px solid #e2e8f0;\n            display: flex;\n            justify-content: space-between;\n            font-size: 13px;\n            color: #718096;\n            flex-wrap: wrap;\n        }\n        \n        \/* ===== RESPONSIVE ===== *\/\n        @media (max-width: 700px) {\n            .pdf-container { padding: 15px; }\n            .question-block .options { grid-template-columns: 1fr; }\n            .student-info { flex-direction: column; }\n            .header h1 { font-size: 22px; }\n            .result-card .result-details { grid-template-columns: 1fr; }\n            .result-card .result-scores .score-bar { flex-wrap: wrap; }\n            .result-card .result-scores .score-bar .bar-label { min-width: 100%; text-align: left; }\n        }\n        \n        \/* ===== PRINT ===== *\/\n        @media print {\n            body { background: white; padding: 0; }\n            .pdf-container { box-shadow: none; padding: 20px 30px; border-radius: 0; }\n            .btn-submit { display: none !important; }\n            #results-card { display: block !important; }\n            .question-block { break-inside: avoid; }\n            .student-info input { border: 2px solid #a0aec0; }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"pdf-container\" id=\"pdf-content\">\n        \n        <!-- ===== HEADER ===== -->\n        <div class=\"header\">\n            <span class=\"icon\">\ud83e\udded<\/span>\n            <h1>PROFESSIONAL CAREER TEST<\/h1>\n            <h2>Discover Your Ideal Career Path<\/h2>\n            <span class=\"subtitle\">\ud83d\udccb 20 Questions \u00b7 Find Your Professional Profile<\/span>\n            <div class=\"instructions\">\n                <strong>Instructions:<\/strong> Answer each question honestly based on your interests, skills, and preferences. \n                There are no right or wrong answers. At the end, you will receive a personalized career recommendation \n                with detailed information about your top matches.\n            <\/div>\n        <\/div>\n\n        <!-- ===== STUDENT INFO ===== -->\n        <div class=\"student-info\">\n            <div class=\"field\">\n                <label>\ud83d\udc64 Your Name:<\/label>\n                <input type=\"text\" id=\"studentName\" placeholder=\"Enter your name\">\n            <\/div>\n            <div class=\"field\">\n                <label>\ud83d\udcc5 Date:<\/label>\n                <input type=\"text\" id=\"studentDate\" placeholder=\"Enter date\">\n            <\/div>\n            <div class=\"field\">\n                <label>\ud83d\udcda Current Level \/ Course:<\/label>\n                <input type=\"text\" id=\"studentCourse\" placeholder=\"Enter course\">\n            <\/div>\n        <\/div>\n\n        <form id=\"quizForm\" novalidate>\n            \n            <!-- ===== QUESTION 1 ===== -->\n            <div class=\"question-block\">\n                <div class=\"q-number\">Question 1 of 20<\/div>\n                <div class=\"q-text\">What type of activities do you enjoy most?<\/div>\n                <div class=\"options\">\n                    <label><input type=\"radio\" name=\"q1\" value=\"construction\"> \ud83c\udfd7\ufe0f Building and repairing things<\/label>\n                    <label><input type=\"radio\" name=\"q1\" value=\"healthcare\"> \u2764\ufe0f Helping and caring for people<\/label>\n                    <label><input type=\"radio\" name=\"q1\" value=\"technology\"> \ud83d\udcbb Working with computers and technology<\/label>\n                    <label><input type=\"radio\" name=\"q1\" value=\"sales\"> \ud83e\udd1d Interacting with customers and selling<\/label>\n                    <label><input type=\"radio\" name=\"q1\" value=\"logistics\"> \ud83d\udce6 Organizing and managing operations<\/label>\n                    <label><input type=\"radio\" name=\"q1\" value=\"creative\"> \ud83c\udfa8 Creative and artistic activities<\/label>\n                <\/div>\n            <\/div>\n\n            <!-- ===== QUESTION 2 ===== -->\n            <div class=\"question-block\">\n                <div class=\"q-number\">Question 2 of 20<\/div>\n                <div class=\"q-text\">How do you prefer to work?<\/div>\n                <div class=\"options\">\n                    <label><input type=\"radio\" name=\"q2\" value=\"hands-on\"> \ud83d\udd27 Hands-on, practical work<\/label>\n                    <label><input type=\"radio\" name=\"q2\" value=\"team\"> \ud83d\udc65 In a team, collaborating with others<\/label>\n                    <label><input type=\"radio\" name=\"q2\" value=\"independent\"> \ud83e\udde0 Independently, with autonomy<\/label>\n                    <label><input type=\"radio\" name=\"q2\" value=\"creative\"> \ud83c\udfa8 Expressing creativity<\/label>\n                    <label><input type=\"radio\" name=\"q2\" value=\"organized\"> \ud83d\udccb Following established procedures<\/label>\n                    <label><input type=\"radio\" name=\"q2\" value=\"fast-paced\"> \u26a1 In a fast-paced environment<\/label>\n                <\/div>\n            <\/div>\n\n            <!-- ===== QUESTION 3 ===== -->\n            <div class=\"question-block\">\n                <div class=\"q-number\">Question 3 of 20<\/div>\n                <div class=\"q-text\">What is your preferred work environment?<\/div>\n                <div class=\"options\">\n                    <label><input type=\"radio\" name=\"q3\" value=\"outdoor\"> \ud83c\udf33 Outdoor \/ Field work<\/label>\n                    <label><input type=\"radio\" name=\"q3\" value=\"office\"> \ud83c\udfe2 Office \/ Indoor environment<\/label>\n                    <label><input type=\"radio\" name=\"q3\" value=\"clinical\"> \ud83c\udfe5 Clinical \/ Healthcare setting<\/label>\n                    <label><input type=\"radio\" name=\"q3\" value=\"retail\"> \ud83d\udecd\ufe0f Retail \/ Commercial environment<\/label>\n                    <label><input type=\"radio\" name=\"q3\" value=\"industrial\"> \ud83c\udfed Industrial \/ Workshop setting<\/label>\n                    <label><input type=\"radio\" name=\"q3\" value=\"remote\"> \ud83d\udcbb Remote \/ Home office<\/label>\n                <\/div>\n            <\/div>\n\n            <!-- ===== QUESTION 4 ===== -->\n            <div class=\"question-block\">\n                <div class=\"q-number\">Question 4 of 20<\/div>\n                <div class=\"q-text\">What type of skills do you already have or want to develop?<\/div>\n                <div class=\"options\">\n                    <label><input type=\"radio\" name=\"q4\" value=\"technical\"> \u2699\ufe0f Technical \/ Mechanical skills<\/label>\n                    <label><input type=\"radio\" name=\"q4\" value=\"interpersonal\"> \ud83d\udcac Interpersonal \/ Communication skills<\/label>\n                    <label><input type=\"radio\" name=\"q4\" value=\"digital\"> \ud83d\udcf1 Digital \/ Computer skills<\/label>\n                    <label><input type=\"radio\" name=\"q4\" value=\"leadership\"> \ud83d\udc54 Leadership \/ Management skills<\/label>\n                    <label><input type=\"radio\" name=\"q4\" value=\"artistic\"> \ud83c\udfad Artistic \/ Creative skills<\/label>\n                    <label><input type=\"radio\" name=\"q4\" value=\"analytical\"> \ud83d\udcca Analytical \/ Problem-solving skills<\/label>\n                <\/div>\n            <\/div>\n\n            <!-- ===== QUESTION 5 ===== -->\n            <div class=\"question-block\">\n                <div class=\"q-number\">Question 5 of 20<\/div>\n                <div class=\"q-text\">What motivates you in a job?<\/div>\n                <div class=\"options\">\n                    <label><input type=\"radio\" name=\"q5\" value=\"salary\"> \ud83d\udcb0 High salary and financial rewards<\/label>\n                    <label><input type=\"radio\" name=\"q5\" value=\"helping\"> \ud83e\udd17 Helping others and making a difference<\/label>\n                    <label><input type=\"radio\" name=\"q5\" value=\"challenge\"> \ud83e\udde9 Challenging and interesting tasks<\/label>\n                    <label><input type=\"radio\" name=\"q5\" value=\"stability\"> \ud83c\udfdb\ufe0f Job stability and security<\/label>\n                    <label><input type=\"radio\" name=\"q5\" value=\"growth\"> \ud83d\udcc8 Career growth and advancement<\/label>\n                    <label><input type=\"radio\" name=\"q5\" value=\"flexibility\"> \u23f0 Flexible schedule and work-life balance<\/label>\n                <\/div>\n            <\/div>\n\n            <!-- ===== QUESTION 6 ===== -->\n            <div class=\"question-block\">\n                <div class=\"q-number\">Question 6 of 20<\/div>\n                <div class=\"q-text\">What type of tasks do you find most satisfying?<\/div>\n                <div class=\"options\">\n                    <label><input type=\"radio\" name=\"q6\" value=\"physical\"> \ud83d\udcaa Physical, hands-on tasks<\/label>\n                    <label><input type=\"radio\" name=\"q6\" value=\"cognitive\"> \ud83e\udde0 Mental, analytical tasks<\/label>\n                    <label><input type=\"radio\" name=\"q6\" value=\"creative\"> \ud83c\udfa8 Creative, design tasks<\/label>\n                    <label><input type=\"radio\" name=\"q6\" value=\"social\"> \ud83d\udde3\ufe0f Social, interactive tasks<\/label>\n                    <label><input type=\"radio\" name=\"q6\" value=\"organizing\"> \ud83d\udcc1 Organizing and planning tasks<\/label>\n                    <label><input type=\"radio\" name=\"q6\" value=\"problem-solving\"> \ud83e\udde9 Problem-solving and troubleshooting<\/label>\n                <\/div>\n            <\/div>\n\n            <!-- ===== QUESTION 7 ===== -->\n            <div class=\"question-block\">\n                <div class=\"q-number\">Question 7 of 20<\/div>\n                <div class=\"q-text\">Which of these career fields interests you most?<\/div>\n                <div class=\"options\">\n                    <label><input type=\"radio\" name=\"q7\" value=\"construction\"> \ud83c\udfd7\ufe0f Construction &amp; Building<\/label>\n                    <label><input type=\"radio\" name=\"q7\" value=\"healthcare\"> \ud83c\udfe5 Healthcare &amp; Wellness<\/label>\n                    <label><input type=\"radio\" name=\"q7\" value=\"technology\"> \ud83d\udcbb Technology &amp; IT<\/label>\n                    <label><input type=\"radio\" name=\"q7\" value=\"business\"> \ud83d\udcc8 Business &amp; Commerce<\/label>\n                    <label><input type=\"radio\" name=\"q7\" value=\"logistics\"> \ud83d\udce6 Logistics &amp; Transport<\/label>\n                    <label><input type=\"radio\" name=\"q7\" value=\"creative\"> \ud83c\udfa8 Creative Arts &amp; Design<\/label>\n                <\/div>\n            <\/div>\n\n            <!-- ===== QUESTION 8 ===== -->\n            <div class=\"question-block\">\n                <div class=\"q-number\">Question 8 of 20<\/div>\n                <div class=\"q-text\">How do you handle challenges at work?<\/div>\n                <div class=\"options\">\n                    <label><input type=\"radio\" name=\"q8\" value=\"persistent\"> \ud83d\udcaa I persist until I solve them<\/label>\n                    <label><input type=\"radio\" name=\"q8\" value=\"team\"> \ud83e\udd1d I ask for help from others<\/label>\n                    <label><input type=\"radio\" name=\"q8\" value=\"creative\"> \ud83c\udfa8 I find creative solutions<\/label>\n                    <label><input type=\"radio\" name=\"q8\" value=\"analytical\"> \ud83d\udcca I analyze and plan carefully<\/label>\n                    <label><input type=\"radio\" name=\"q8\" value=\"practical\"> \ud83d\udd27 I use practical, hands-on approaches<\/label>\n                    <label><input type=\"radio\" name=\"q8\" value=\"calm\"> \ud83d\ude0c I stay calm and seek guidance<\/label>\n                <\/div>\n            <\/div>\n\n            <!-- ===== QUESTION 9 ===== -->\n            <div class=\"question-block\">\n                <div class=\"q-number\">Question 9 of 20<\/div>\n                <div class=\"q-text\">What is your ideal work schedule?<\/div>\n                <div class=\"options\">\n                    <label><input type=\"radio\" name=\"q9\" value=\"regular\"> \ud83d\udd50 Regular 9-5 schedule<\/label>\n                    <label><input type=\"radio\" name=\"q9\" value=\"flexible\"> \u23f0 Flexible hours<\/label>\n                    <label><input type=\"radio\" name=\"q9\" value=\"shift\"> \ud83d\udd04 Shift work (rotating)<\/label>\n                    <label><input type=\"radio\" name=\"q9\" value=\"part-time\"> \ud83d\udcc5 Part-time or job sharing<\/label>\n                    <label><input type=\"radio\" name=\"q9\" value=\"seasonal\"> \ud83c\udf24\ufe0f Seasonal or project-based<\/label>\n                    <label><input type=\"radio\" name=\"q9\" value=\"on-call\"> \ud83d\udcf1 On-call or emergency work<\/label>\n                <\/div>\n            <\/div>\n\n            <!-- ===== QUESTION 10 ===== -->\n            <div class=\"question-block\">\n                <div class=\"q-number\">Question 10 of 20<\/div>\n                <div class=\"q-text\">What type of people do you enjoy working with?<\/div>\n                <div class=\"options\">\n                    <label><input type=\"radio\" name=\"q10\" value=\"diverse\"> \ud83c\udf0d Diverse and multicultural teams<\/label>\n                    <label><input type=\"radio\" name=\"q10\" value=\"young\"> \ud83e\uddd1\u200d\ud83c\udf93 Young and energetic people<\/label>\n                    <label><input type=\"radio\" name=\"q10\" value=\"experienced\"> \ud83e\uddd3 Experienced professionals<\/label>\n                    <label><input type=\"radio\" name=\"q10\" value=\"creative\"> \ud83c\udfa8 Creative and artistic people<\/label>\n                    <label><input type=\"radio\" name=\"q10\" value=\"technical\"> \u2699\ufe0f Technical and analytical people<\/label>\n                    <label><input type=\"radio\" name=\"q10\" value=\"helpful\"> \ud83e\udd17 Helpful and caring people<\/label>\n                <\/div>\n            <\/div>\n\n            <!-- ===== QUESTION 11 ===== -->\n            <div class=\"question-block\">\n                <div class=\"q-number\">Question 11 of 20<\/div>\n                <div class=\"q-text\">What would you like to achieve in your career?<\/div>\n                <div class=\"options\">\n                    <label><input type=\"radio\" name=\"q11\" value=\"expert\"> \ud83e\udde0 Become an expert in my field<\/label>\n                    <label><input type=\"radio\" name=\"q11\" value=\"leader\"> \ud83d\udc54 Lead and manage teams<\/label>\n                    <label><input type=\"radio\" name=\"q11\" value=\"innovate\"> \ud83d\udca1 Innovate and create new things<\/label>\n                    <label><input type=\"radio\" name=\"q11\" value=\"help\"> \u2764\ufe0f Help others and make a difference<\/label>\n                    <label><input type=\"radio\" name=\"q11\" value=\"grow\"> \ud83d\udcc8 Grow financially and professionally<\/label>\n                    <label><input type=\"radio\" name=\"q11\" value=\"balance\"> \u2696\ufe0f Achieve work-life balance<\/label>\n                <\/div>\n            <\/div>\n\n            <!-- ===== QUESTION 12 ===== -->\n            <div class=\"question-block\">\n                <div class=\"q-number\">Question 12 of 20<\/div>\n                <div class=\"q-text\">How do you prefer to learn new things?<\/div>\n                <div class=\"options\">\n                    <label><input type=\"radio\" name=\"q12\" value=\"practice\"> \ud83d\udd27 By doing and practicing<\/label>\n                    <label><input type=\"radio\" name=\"q12\" value=\"reading\"> \ud83d\udcda By reading and studying<\/label>\n                    <label><input type=\"radio\" name=\"q12\" value=\"watching\"> \ud83d\udc40 By watching demonstrations<\/label>\n                    <label><input type=\"radio\" name=\"q12\" value=\"listening\"> \ud83d\udde3\ufe0f By listening to explanations<\/label>\n                    <label><input type=\"radio\" name=\"q12\" value=\"group\"> \ud83d\udc65 In a group with others<\/label>\n                    <label><input type=\"radio\" name=\"q12\" value=\"self\"> \ud83e\udde0 Self-study and research<\/label>\n                <\/div>\n            <\/div>\n\n            <!-- ===== QUESTION 13 ===== -->\n            <div class=\"question-block\">\n                <div class=\"q-number\">Question 13 of 20<\/div>\n                <div class=\"q-text\">What type of work responsibilities appeal to you?<\/div>\n                <div class=\"options\">\n                    <label><input type=\"radio\" name=\"q13\" value=\"technical\"> \u2699\ufe0f Technical and specialized tasks<\/label>\n                    <label><input type=\"radio\" name=\"q13\" value=\"supervisory\"> \ud83d\udc54 Supervisory and leadership roles<\/label>\n                    <label><input type=\"radio\" name=\"q13\" value=\"creative\"> \ud83c\udfa8 Creative and design-oriented tasks<\/label>\n                    <label><input type=\"radio\" name=\"q13\" value=\"administrative\"> \ud83d\udccb Administrative and organizational tasks<\/label>\n                    <label><input type=\"radio\" name=\"q13\" value=\"customer\"> \ud83e\udd1d Customer-facing and service roles<\/label>\n                    <label><input type=\"radio\" name=\"q13\" value=\"problem\"> \ud83e\udde9 Problem-solving and troubleshooting<\/label>\n                <\/div>\n            <\/div>\n\n            <!-- ===== QUESTION 14 ===== -->\n            <div class=\"question-block\">\n                <div class=\"q-number\">Question 14 of 20<\/div>\n                <div class=\"q-text\">Which industry do you find most appealing?<\/div>\n                <div class=\"options\">\n                    <label><input type=\"radio\" name=\"q14\" value=\"construction\"> \ud83c\udfd7\ufe0f Construction &amp; Infrastructure<\/label>\n                    <label><input type=\"radio\" name=\"q14\" value=\"healthcare\"> \ud83c\udfe5 Healthcare &amp; Social Services<\/label>\n                    <label><input type=\"radio\" name=\"q14\" value=\"technology\"> \ud83d\udcbb Technology &amp; Innovation<\/label>\n                    <label><input type=\"radio\" name=\"q14\" value=\"commerce\"> \ud83d\udecd\ufe0f Commerce &amp; Retail<\/label>\n                    <label><input type=\"radio\" name=\"q14\" value=\"logistics\"> \ud83d\udce6 Logistics &amp; Supply Chain<\/label>\n                    <label><input type=\"radio\" name=\"q14\" value=\"creative\"> \ud83c\udfa8 Creative &amp; Cultural Industries<\/label>\n                <\/div>\n            <\/div>\n\n            <!-- ===== QUESTION 15 ===== -->\n            <div class=\"question-block\">\n                <div class=\"q-number\">Question 15 of 20<\/div>\n                <div class=\"q-text\">How important is job stability to you?<\/div>\n                <div class=\"options\">\n                    <label><input type=\"radio\" name=\"q15\" value=\"very\"> \ud83c\udfdb\ufe0f Very important &#8211; I want long-term security<\/label>\n                    <label><input type=\"radio\" name=\"q15\" value=\"somewhat\"> \ud83d\udcca Somewhat important &#8211; balance with excitement<\/label>\n                    <label><input type=\"radio\" name=\"q15\" value=\"not\"> \ud83d\ude80 Not important &#8211; I seek adventure and change<\/label>\n                    <label><input type=\"radio\" name=\"q15\" value=\"flexible\"> \u23f0 Flexible &#8211; I adapt to opportunities<\/label>\n                    <label><input type=\"radio\" name=\"q15\" value=\"growth\"> \ud83d\udcc8 Important for career growth<\/label>\n                    <label><input type=\"radio\" name=\"q15\" value=\"no-preference\"> \ud83e\udd37 No preference<\/label>\n                <\/div>\n            <\/div>\n\n            <!-- ===== QUESTION 16 ===== -->\n            <div class=\"question-block\">\n                <div class=\"q-number\">Question 16 of 20<\/div>\n                <div class=\"q-text\">What kind of impact do you want to make?<\/div>\n                <div class=\"options\">\n                    <label><input type=\"radio\" name=\"q16\" value=\"people\"> \ud83d\udc65 Impact people&#8217;s lives directly<\/label>\n                    <label><input type=\"radio\" name=\"q16\" value=\"society\"> \ud83c\udf0d Contribute to society and community<\/label>\n                    <label><input type=\"radio\" name=\"q16\" value=\"innovation\"> \ud83d\udca1 Create new products or services<\/label>\n                    <label><input type=\"radio\" name=\"q16\" value=\"infrastructure\"> \ud83c\udfd7\ufe0f Build infrastructure and facilities<\/label>\n                    <label><input type=\"radio\" name=\"q16\" value=\"efficiency\"> \ud83d\udcca Improve systems and efficiency<\/label>\n                    <label><input type=\"radio\" name=\"q16\" value=\"education\"> \ud83d\udcda Educate and train others<\/label>\n                <\/div>\n            <\/div>\n\n            <!-- ===== QUESTION 17 ===== -->\n            <div class=\"question-block\">\n                <div class=\"q-number\">Question 17 of 20<\/div>\n                <div class=\"q-text\">How do you feel about physical labor?<\/div>\n                <div class=\"options\">\n                    <label><input type=\"radio\" name=\"q17\" value=\"love\"> \ud83d\udcaa I love physical, hands-on work<\/label>\n                    <label><input type=\"radio\" name=\"q17\" value=\"okay\"> \ud83c\udfcb\ufe0f I don&#8217;t mind some physical work<\/label>\n                    <label><input type=\"radio\" name=\"q17\" value=\"prefer-not\"> \ud83e\udde0 I prefer mental or office work<\/label>\n                    <label><input type=\"radio\" name=\"q17\" value=\"mix\"> \ud83d\udd04 I enjoy a mix of both<\/label>\n                    <label><input type=\"radio\" name=\"q17\" value=\"depends\"> \ud83e\udd37 Depends on the task<\/label>\n                    <label><input type=\"radio\" name=\"q17\" value=\"no\"> \ud83d\udecb\ufe0f I prefer not to do physical labor<\/label>\n                <\/div>\n            <\/div>\n\n            <!-- ===== QUESTION 18 ===== -->\n            <div class=\"question-block\">\n                <div class=\"q-number\">Question 18 of 20<\/div>\n                <div class=\"q-text\">What type of training appeals to you?<\/div>\n                <div class=\"options\">\n                    <label><input type=\"radio\" name=\"q18\" value=\"vocational\"> \ud83d\udd27 Vocational \/ Technical training<\/label>\n                    <label><input type=\"radio\" name=\"q18\" value=\"university\"> \ud83c\udf93 University \/ Academic education<\/label>\n                    <label><input type=\"radio\" name=\"q18\" value=\"online\"> \ud83d\udcbb Online \/ Self-paced courses<\/label>\n                    <label><input type=\"radio\" name=\"q18\" value=\"apprenticeship\"> \ud83d\udc68\u200d\ud83c\udfeb Apprenticeship \/ On-the-job training<\/label>\n                    <label><input type=\"radio\" name=\"q18\" value=\"certification\"> \ud83d\udcdc Professional certification programs<\/label>\n                    <label><input type=\"radio\" name=\"q18\" value=\"workshops\"> \ud83d\udee0\ufe0f Hands-on workshops and short courses<\/label>\n                <\/div>\n            <\/div>\n\n            <!-- ===== QUESTION 19 ===== -->\n            <div class=\"question-block\">\n                <div class=\"q-number\">Question 19 of 20<\/div>\n                <div class=\"q-text\">What is your preferred level of responsibility?<\/div>\n                <div class=\"options\">\n                    <label><input type=\"radio\" name=\"q19\" value=\"entry\"> \ud83c\udf31 Entry-level with supervision<\/label>\n                    <label><input type=\"radio\" name=\"q19\" value=\"independent\"> \ud83e\uddd1\u200d\ud83d\udcbc Independent with some responsibility<\/label>\n                    <label><input type=\"radio\" name=\"q19\" value=\"leadership\"> \ud83d\udc54 Leadership and team management<\/label>\n                    <label><input type=\"radio\" name=\"q19\" value=\"expert\"> \ud83e\udde0 Expert \/ Specialist role<\/label>\n                    <label><input type=\"radio\" name=\"q19\" value=\"entrepreneur\"> \ud83d\ude80 Entrepreneur \/ Business owner<\/label>\n                    <label><input type=\"radio\" name=\"q19\" value=\"support\"> \ud83e\udd1d Support \/ Assistant role<\/label>\n                <\/div>\n            <\/div>\n\n            <!-- ===== QUESTION 20 ===== -->\n            <div class=\"question-block\">\n                <div class=\"q-number\">Question 20 of 20<\/div>\n                <div class=\"q-text\">Finally, what is your career dream?<\/div>\n                <div class=\"options\">\n                    <label><input type=\"radio\" name=\"q20\" value=\"master\"> \ud83e\udde0 Master a trade or profession<\/label>\n                    <label><input type=\"radio\" name=\"q20\" value=\"help\"> \u2764\ufe0f Help people and improve lives<\/label>\n                    <label><input type=\"radio\" name=\"q20\" value=\"innovate\"> \ud83d\udca1 Innovate and create something new<\/label>\n                    <label><input type=\"radio\" name=\"q20\" value=\"lead\"> \ud83d\udc54 Lead and inspire others<\/label>\n                    <label><input type=\"radio\" name=\"q20\" value=\"build\"> \ud83c\udfd7\ufe0f Build things and solve problems<\/label>\n                    <label><input type=\"radio\" name=\"q20\" value=\"freedom\"> \ud83c\udf1f Achieve personal and financial freedom<\/label>\n                <\/div>\n            <\/div>\n\n            <!-- ===== SUBMIT BUTTON ===== -->\n            <button type=\"button\" class=\"btn-submit\" onclick=\"calculateResults()\">\ud83d\udd0d Discover Your Career Path<\/button>\n        <\/form>\n\n        <!-- ============================================================ -->\n        <!-- RESULTS CARD -->\n        <!-- ============================================================ -->\n        <div id=\"results-card\">\n            <div id=\"result-content\"><\/div>\n        <\/div>\n\n        <!-- ============================================================ -->\n        <!-- FOOTER -->\n        <!-- ============================================================ -->\n        <div class=\"footer\">\n            <span>\ud83e\udded Professional Career Test<\/span>\n            <span>\ud83d\udcda EPJA &#8211; English Class<\/span>\n            <span>\ud83d\udccb 20 Questions<\/span>\n        <\/div>\n    <\/div>\n\n    <!-- ============================================================ -->\n    <!-- JAVASCRIPT -->\n    <!-- ============================================================ -->\n    <script>\n        function calculateResults() {\n            const form = document.getElementById('quizForm');\n            const totalQuestions = 20;\n            let missingQuestions = [];\n\n            \/\/ ===== VALIDATION =====\n            for (let i = 1; i <= totalQuestions; i++) {\n                const fieldName = 'q' + i;\n                const checked = form.querySelector(`input[name=\"${fieldName}\"]:checked`);\n                if (!checked) {\n                    missingQuestions.push(i);\n                }\n            }\n\n            if (missingQuestions.length > 0) {\n                alert(\"\u26a0\ufe0f Please answer all 20 questions before discovering your career path.\\n\\nMissing questions: \" + missingQuestions.join(\", \"));\n                return;\n            }\n\n            \/\/ ===== COLLECT ANSWERS =====\n            const answers = [];\n            for (let i = 1; i <= totalQuestions; i++) {\n                const fieldName = 'q' + i;\n                const checked = form.querySelector(`input[name=\"${fieldName}\"]:checked`);\n                if (checked) {\n                    answers.push(checked.value);\n                }\n            }\n\n            \/\/ ===== SCORE CALCULATION =====\n            const scores = {\n                construction: 0,\n                healthcare: 0,\n                technology: 0,\n                sales: 0,\n                logistics: 0,\n                creative: 0\n            };\n\n            \/\/ Career keywords mapping\n            const careerMap = {\n                construction: ['construction', 'outdoor', 'physical', 'hands-on', 'building', 'infrastructure', 'vocational', 'build'],\n                healthcare: ['healthcare', 'clinical', 'helping', 'care', 'wellness', 'social', 'patient', 'hospital'],\n                technology: ['technology', 'digital', 'computer', 'coding', 'IT', 'software', 'hardware', 'innovation'],\n                sales: ['sales', 'commerce', 'retail', 'customer', 'business', 'marketing', 'negotiation', 'communication'],\n                logistics: ['logistics', 'transport', 'supply', 'organized', 'planning', 'distribution', 'operations', 'efficiency'],\n                creative: ['creative', 'artistic', 'design', 'innovate', 'art', 'culture', 'media', 'visual']\n            };\n\n            \/\/ Count how many times each career is mentioned\n            answers.forEach(answer => {\n                for (let career in careerMap) {\n                    if (careerMap[career].includes(answer)) {\n                        scores[career]++;\n                    }\n                }\n            });\n\n            \/\/ Add bonus points for related answers\n            answers.forEach(answer => {\n                if (answer === 'hands-on' || answer === 'practical' || answer === 'physical') {\n                    scores.construction += 0.5;\n                    scores.logistics += 0.5;\n                }\n                if (answer === 'helping' || answer === 'care' || answer === 'people') {\n                    scores.healthcare += 0.5;\n                }\n                if (answer === 'digital' || answer === 'computer' || answer === 'coding') {\n                    scores.technology += 0.5;\n                }\n                if (answer === 'sales' || answer === 'commerce' || answer === 'customer') {\n                    scores.sales += 0.5;\n                }\n                if (answer === 'organized' || answer === 'planning' || answer === 'efficiency') {\n                    scores.logistics += 0.5;\n                }\n                if (answer === 'creative' || answer === 'artistic' || answer === 'design') {\n                    scores.creative += 0.5;\n                }\n            });\n\n            \/\/ ===== GET TOP CAREER =====\n            let topCareer = '';\n            let topScore = 0;\n            for (let career in scores) {\n                if (scores[career] > topScore) {\n                    topScore = scores[career];\n                    topCareer = career;\n                }\n            }\n\n            \/\/ ===== GET STUDENT INFO =====\n            const studentName = document.getElementById('studentName').value || \"Student\";\n            const studentDate = document.getElementById('studentDate').value || \"N\/A\";\n            const studentCourse = document.getElementById('studentCourse').value || \"N\/A\";\n\n            \/\/ ===== CAREER PROFILES =====\n            const careerProfiles = {\n                construction: {\n                    icon: '\ud83c\udfd7\ufe0f',\n                    title: 'Construction & Building Professional',\n                    subtitle: 'Builder \u00b7 Electrician \u00b7 Plumber \u00b7 Welder \u00b7 Carpenter',\n                    description: 'You are a hands-on, practical person who enjoys working with tools, building things, and seeing tangible results. You prefer physical work environments like construction sites, workshops, or industrial settings. Your strengths include problem-solving, attention to detail, and the ability to follow technical plans. This field offers great job stability, high earning potential, and opportunities for self-employment.',\n                    programs: 'General Construction, Advanced Electrical Technology, Professional Plumbing, Industrial Welding',\n                    skills: 'Blueprint reading, tool handling, problem-solving, safety awareness, technical knowledge',\n                    workplaces: 'Construction sites, workshops, industrial facilities, mining operations, maintenance departments',\n                    salary: 'CLP $600,000 \u2013 $1,500,000+ monthly (varies by specialization)',\n                    growth: '+10% to +20% projected growth in the next 10 years'\n                },\n                healthcare: {\n                    icon: '\u2764\ufe0f',\n                    title: 'Healthcare & Wellness Professional',\n                    subtitle: 'Caregiver \u00b7 Nurse \u00b7 Healthcare Assistant \u00b7 Support Worker',\n                    description: 'You are a compassionate, caring person who enjoys helping others and making a difference in people\\'s lives. You have strong interpersonal skills, patience, and empathy. You prefer working in clinical environments, nursing homes, or community settings. This field offers meaningful work, job security, and the opportunity to work with diverse populations.',\n                    programs: 'Healthcare Assistance & Child Caregiving, First Aid & CPR, Geriatric Care',\n                    skills: 'Compassion, communication, first aid, patient care, emotional intelligence',\n                    workplaces: 'Hospitals, nursing homes, clinics, daycare centers, private households',\n                    salary: 'CLP $500,000 \u2013 $750,000 monthly (with experience and certifications)',\n                    growth: '+16% projected growth due to aging population'\n                },\n                technology: {\n                    icon: '\ud83d\udcbb',\n                    title: 'Technology & Digital Professional',\n                    subtitle: 'IT Technician \u00b7 Developer \u00b7 Support Specialist \u00b7 Systems Analyst',\n                    description: 'You are a logical, analytical person who enjoys working with computers, software, and digital systems. You have strong problem-solving skills and a desire to stay up-to-date with the latest technological innovations. You prefer office or remote work environments, and you enjoy challenges that require creative thinking. This field offers excellent growth potential, competitive salaries, and flexibility.',\n                    programs: 'IT Support, Web Development, Digital Marketing, Network Administration',\n                    skills: 'Coding, troubleshooting, analytical thinking, digital literacy, adaptability',\n                    workplaces: 'Tech companies, corporate offices, remote work, startup environments, IT departments',\n                    salary: 'CLP $700,000 \u2013 $1,500,000+ monthly (varies by specialization)',\n                    growth: '+11% to +22% projected growth in technology sectors'\n                },\n                sales: {\n                    icon: '\ud83e\udd1d',\n                    title: 'Sales & Commerce Professional',\n                    subtitle: 'Sales Representative \u00b7 Retail Manager \u00b7 Customer Service Specialist',\n                    description: 'You are a persuasive, communicative person who enjoys interacting with customers, negotiating deals, and achieving sales targets. You have strong interpersonal skills, confidence, and a competitive drive. You prefer dynamic, fast-paced environments where you can interact with people and showcase your communication skills. This field offers excellent earning potential and opportunities for advancement.',\n                    programs: 'Retail Sales & Commerce, Customer Service, Marketing, Business Administration',\n                    skills: 'Communication, negotiation, persuasion, customer service, sales techniques',\n                    workplaces: 'Retail stores, shopping malls, corporate sales offices, call centers, hospitality',\n                    salary: 'CLP $580,000 \u2013 $1,000,000+ monthly (highly driven by commissions)',\n                    growth: '+12% projected growth in the commercial sector'\n                },\n                logistics: {\n                    icon: '\ud83d\udce6',\n                    title: 'Logistics & Operations Professional',\n                    subtitle: 'Logistics Coordinator \u00b7 Supply Chain Specialist \u00b7 Transport Planner',\n                    description: 'You are an organized, detail-oriented person who enjoys managing operations, coordinating resources, and optimizing processes. You have strong planning skills and the ability to work under pressure. You prefer structured environments where you can use your organizational abilities to improve efficiency. This field offers stability, growth, and the opportunity to work in a fast-growing sector.',\n                    programs: 'Smart Logistics, Supply Chain Management, Transport & Fleet Driving',\n                    skills: 'Organization, planning, time management, problem-solving, analytical thinking',\n                    workplaces: 'Distribution centers, transport companies, warehouses, e-commerce fulfillment centers',\n                    salary: 'CLP $500,000 \u2013 $750,000 monthly (with experience and certifications)',\n                    growth: '+18% projected growth due to e-commerce expansion'\n                },\n                creative: {\n                    icon: '\ud83c\udfa8',\n                    title: 'Creative & Design Professional',\n                    subtitle: 'Graphic Designer \u00b7 Artist \u00b7 Creative Content Creator \u00b7 Digital Artist',\n                    description: 'You are an imaginative, artistic person who enjoys expressing ideas through visuals, design, and creativity. You have strong aesthetic sense, attention to detail, and the ability to think outside the box. You prefer creative environments where you can express yourself and bring ideas to life. This field offers flexibility, personal fulfillment, and opportunities for self-expression.',\n                    programs: 'Architectural Painting, Graphic Design, Digital Art, Visual Communication',\n                    skills: 'Creativity, visual design, color theory, artistic skills, digital tools',\n                    workplaces: 'Design studios, advertising agencies, media companies, freelance, galleries',\n                    salary: 'CLP $550,000 \u2013 $800,000 monthly (varies by specialization)',\n                    growth: '+8% to +12% projected growth in creative industries'\n                }\n            };\n\n            \/\/ ===== DISPLAY RESULTS =====\n            const resultsCard = document.getElementById('results-card');\n            const resultContent = document.getElementById('result-content');\n            const profile = careerProfiles[topCareer];\n\n            \/\/ Sort scores for display\n            const sortedScores = Object.entries(scores).sort((a, b) => b[1] - a[1]);\n\n            \/\/ Build score bars HTML\n            let scoreBarsHTML = '';\n            const careerNames = {\n                construction: 'Construction',\n                healthcare: 'Healthcare',\n                technology: 'Technology',\n                sales: 'Sales & Commerce',\n                logistics: 'Logistics',\n                creative: 'Creative Arts'\n            };\n            const careerColors = {\n                construction: '#d69e2e',\n                healthcare: '#e53e3e',\n                technology: '#2b6cb0',\n                sales: '#38a169',\n                logistics: '#805ad5',\n                creative: '#ed64a6'\n            };\n            const maxScore = Math.max(...Object.values(scores), 1);\n\n            sortedScores.forEach(([career, score]) => {\n                const percentage = Math.round((score \/ maxScore) * 100);\n                const color = careerColors[career] || '#2b6cb0';\n                scoreBarsHTML += `\n                    <div class=\"score-bar\">\n                        <span class=\"bar-label\">${careerNames[career]}<\/span>\n                        <div class=\"bar-track\">\n                            <div class=\"bar-fill\" style=\"width: ${percentage}%; background: ${color};\"><\/div>\n                        <\/div>\n                        <span class=\"bar-value\">${Math.round(score * 10) \/ 10}<\/span>\n                    <\/div>\n                `;\n            });\n\n            resultsCard.style.display = 'block';\n\n            resultContent.innerHTML = `\n                <div class=\"result-card\">\n                    <span class=\"result-icon\">${profile.icon}<\/span>\n                    <div class=\"result-title\">${profile.title}<\/div>\n                    <div class=\"result-subtitle\">${profile.subtitle}<\/div>\n                    \n                    <div class=\"result-description\">\n                        <p>${profile.description}<\/p>\n                    <\/div>\n\n                    <div class=\"result-details\">\n                        <div class=\"item\">\n                            <span class=\"label\">\ud83c\udf93 Recommended Programs<\/span>\n                            <span class=\"value\">${profile.programs}<\/span>\n                        <\/div>\n                        <div class=\"item\">\n                            <span class=\"label\">\ud83d\udee0\ufe0f Key Skills<\/span>\n                            <span class=\"value\">${profile.skills}<\/span>\n                        <\/div>\n                        <div class=\"item\">\n                            <span class=\"label\">\ud83c\udfe2 Workplaces<\/span>\n                            <span class=\"value\">${profile.workplaces}<\/span>\n                        <\/div>\n                        <div class=\"item\">\n                            <span class=\"label\">\ud83d\udcb0 Expected Salary<\/span>\n                            <span class=\"value\">${profile.salary}<\/span>\n                        <\/div>\n                        <div class=\"item\">\n                            <span class=\"label\">\ud83d\udcc8 Job Growth<\/span>\n                            <span class=\"value\">${profile.growth}<\/span>\n                        <\/div>\n                        <div class=\"item\">\n                            <span class=\"label\">\ud83d\udc64 Student<\/span>\n                            <span class=\"value\">${studentName}<\/span>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"result-scores\">\n                        <p style=\"font-weight:600; margin-bottom:8px; color:#1a365d;\">\ud83d\udcca Your Career Matches<\/p>\n                        ${scoreBarsHTML}\n                    <\/div>\n\n                    <div class=\"result-actions\">\n                        <button class=\"btn btn-primary\" onclick=\"window.print()\">\ud83d\udda8\ufe0f Print Results<\/button>\n                        <button class=\"btn btn-success\" onclick=\"window.location.reload()\">\ud83d\udd04 Retake Test<\/button>\n                    <\/div>\n\n                    <div style=\"margin-top:15px; font-size:13px; color:#718096; border-top:1px solid #e2e8f0; padding-top:12px;\">\n                        \ud83d\udcc5 ${studentDate} \u00b7 \ud83d\udcda ${studentCourse}\n                    <\/div>\n                <\/div>\n            `;\n\n            \/\/ Scroll to results\n            resultsCard.scrollIntoView({ behavior: 'smooth' });\n        }\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Professional Career Test &#8211; Discover Your Path \ud83e\udded PROFESSIONAL CAREER TEST Discover Your Ideal Career Path \ud83d\udccb 20 Questions \u00b7 Find Your Professional Profile Instructions: Answer each question honestly based on your interests, skills, and preferences. There are no right or wrong answers. At the end, you will receive a personalized career recommendation with detailed [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-547","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/547","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/comments?post=547"}],"version-history":[{"count":3,"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/547\/revisions"}],"predecessor-version":[{"id":553,"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/547\/revisions\/553"}],"wp:attachment":[{"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/media?parent=547"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}