{"id":1356,"date":"2025-03-24T17:44:46","date_gmt":"2025-03-24T17:44:46","guid":{"rendered":"https:\/\/excel-erasmus.eu\/?page_id=1356"},"modified":"2026-01-21T17:09:20","modified_gmt":"2026-01-21T17:09:20","slug":"understanding-financial-statements","status":"publish","type":"page","link":"https:\/\/excel-erasmus.eu\/el\/%ce%ba%ce%b1%cf%84%ce%b1%ce%bd%cf%8c%ce%b7%cf%83%ce%b7-%cf%87%cf%81%ce%b7%ce%bc%ce%b1%cf%84%ce%bf%ce%bf%ce%b9%ce%ba%ce%bf%ce%bd%ce%bf%ce%bc%ce%b9%ce%ba%cf%8e%ce%bd-%ce%ba%ce%b1%cf%84%ce%b1%cf%83%cf%84\/","title":{"rendered":"\u039a\u03b1\u03c4\u03b1\u03bd\u03cc\u03b7\u03c3\u03b7 \u03c7\u03c1\u03b7\u03bc\u03b1\u03c4\u03bf\u03bf\u03b9\u03ba\u03bf\u03bd\u03bf\u03bc\u03b9\u03ba\u03ce\u03bd \u03ba\u03b1\u03c4\u03b1\u03c3\u03c4\u03ac\u03c3\u03b5\u03c9\u03bd\/\u03b1\u03bd\u03b1\u03c6\u03bf\u03c1\u03ce\u03bd"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Financial Literacy Training Programme<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\r\n <style>\r\n :root {\r\n --white: #ffffff;\r\n --black: #000000;\r\n --yellow: #ffde59;\r\n --pink: #ff8bd2;\r\n --blue: #5ce1e6;\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: Verdana, Geneva, Tahoma, sans-serif;\r\n }\r\n\r\n html, body {\r\n width: 100%;\r\n overflow-x: hidden;\r\n margin: 0;\r\n padding: 0;\r\n background-color: #f5f5f5;\r\n min-height: 100vh;\r\n display: flex;\r\n flex-direction: column;\r\n scroll-behavior: smooth;\r\n }\r\n\r\n body {\r\n color: var(--black);\r\n position: relative;\r\n }\r\n\r\n .container {\r\n width: 100%;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 2rem;\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 3rem;\r\n }\r\n\r\n .page-title {\r\n text-align: center;\r\n color: var(--black);\r\n font-size: 2.5rem;\r\n padding: 2rem;\r\n background: var(--yellow);\r\n border-radius: 15px;\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.1);\r\n margin: 0;\r\n }\r\n\r\n .page-subtitle {\r\n text-align: center;\r\n color: var(--black);\r\n font-size: 1.2rem;\r\n padding: 1rem;\r\n background: rgba(255,255,255,0.9);\r\n border-radius: 10px;\r\n box-shadow: 0 2px 10px rgba(0,0,0,0.05);\r\n margin: 0;\r\n }\r\n\r\n .video-section {\r\n width: 100%;\r\n margin-bottom: 3rem;\r\n background: rgba(255,255,255,0.95);\r\n border-radius: 15px;\r\n padding: 2rem;\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.1);\r\n }\r\n\r\n .video-card {\r\n max-width: 800px;\r\n margin: 0 auto;\r\n text-align: center;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 2rem;\r\n }\r\n\r\n .video-player-container {\r\n position: relative;\r\n width: 100%;\r\n max-width: 800px;\r\n margin: 0 auto;\r\n border-radius: 15px;\r\n overflow: hidden;\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.1);\r\n }\r\n\r\n .video-player-container video {\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n border-radius: 15px;\r\n }\r\n\r\n .video-description {\r\n text-align: center;\r\n padding: 1rem;\r\n color: var(--black);\r\n font-size: 1.1rem;\r\n line-height: 1.6;\r\n }\r\n\r\n .video-controls {\r\n display: flex;\r\n justify-content: center;\r\n gap: 1rem;\r\n margin-top: 1rem;\r\n }\r\n\r\n .video-controls button {\r\n padding: 0.8rem 1.5rem;\r\n border: none;\r\n border-radius: 25px;\r\n background: var(--blue);\r\n color: var(--white);\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n }\r\n\r\n .video-controls button:hover {\r\n background: var(--pink);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .resources-section {\r\n width: 100%;\r\n }\r\n\r\n .features-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 3rem;\r\n width: 100%;\r\n margin: 0;\r\n }\r\n\r\n .features-grid:last-child {\r\n grid-template-columns: repeat(2, 1fr);\r\n margin-bottom: 0;\r\n width: 100%;\r\n }\r\n\r\n .features-grid:last-child .feature-card {\r\n width: 100%;\r\n margin: 0;\r\n }\r\n\r\n .video-card {\r\n grid-column: 1 \/ -1;\r\n max-width: 800px;\r\n margin: 0 auto;\r\n }\r\n\r\n .feature-card {\r\n background-color: rgba(255,255,255,0.95);\r\n border: 2px solid var(--yellow);\r\n border-radius: 15px;\r\n padding: 2rem;\r\n text-align: center;\r\n transition: all 0.3s ease;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 2rem;\r\n height: 100%;\r\n }\r\n\r\n .feature-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 5px;\r\n background: linear-gradient(90deg, var(--yellow), var(--pink));\r\n }\r\n\r\n .feature-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 8px 25px rgba(0,0,0,0.15);\r\n }\r\n\r\n .feature-card .content {\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 1rem;\r\n }\r\n\r\n .feature-card i {\r\n font-size: 3rem;\r\n color: var(--pink);\r\n margin-bottom: 1rem;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .feature-card:hover i {\r\n transform: scale(1.1);\r\n }\r\n\r\n .feature-card h3 {\r\n color: var(--black);\r\n margin-bottom: 1rem;\r\n font-size: 1.4rem;\r\n font-weight: bold;\r\n }\r\n\r\n .feature-card p {\r\n color: var(--black);\r\n line-height: 1.6;\r\n font-size: 1rem;\r\n margin-bottom: 1.5rem;\r\n flex-grow: 1;\r\n }\r\n\r\n .feature-card img {\r\n width: 100%;\r\n max-width: 180px;\r\n height: auto;\r\n margin: 1rem 0;\r\n border-radius: 10px;\r\n object-fit: cover;\r\n }\r\n\r\n .download-btn {\r\n background: var(--blue);\r\n color: var(--white);\r\n padding: 1rem 2rem;\r\n border: none;\r\n border-radius: 25px;\r\n cursor: pointer;\r\n font-size: 1.1rem;\r\n transition: all 0.3s ease;\r\n width: auto;\r\n max-width: 100%;\r\n box-sizing: border-box;\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.1);\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n font-weight: bold;\r\n }\r\n\r\n .download-btn i {\r\n color: var(--white);\r\n }\r\n\r\n .download-btn:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 20px rgba(0,0,0,0.15);\r\n background: var(--yellow);\r\n }\r\n\r\n .quiz-container {\r\n background: rgba(255,255,255,0.95);\r\n padding: 2rem;\r\n border-radius: 15px;\r\n margin: 2rem auto;\r\n max-width: 800px;\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.1);\r\n }\r\n\r\n .quiz-question {\r\n margin-bottom: 2rem;\r\n padding: 1.5rem;\r\n background: white;\r\n border-radius: 10px;\r\n box-shadow: 0 2px 10px rgba(0,0,0,0.05);\r\n }\r\n\r\n .quiz-options {\r\n display: grid;\r\n gap: 1rem;\r\n margin-top: 1rem;\r\n }\r\n\r\n .quiz-option {\r\n padding: 1rem;\r\n border: 2px solid var(--yellow);\r\n border-radius: 8px;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .quiz-option::after {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: var(--yellow);\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n z-index: -1;\r\n }\r\n\r\n .quiz-option:hover::after {\r\n opacity: 0.2;\r\n }\r\n\r\n .quiz-option.correct {\r\n background: #4CAF50;\r\n color: white;\r\n border-color: #4CAF50;\r\n }\r\n\r\n .quiz-option.incorrect {\r\n background: #f44336;\r\n color: white;\r\n border-color: #f44336;\r\n }\r\n\r\n .escape-room-container {\r\n background: rgba(255,255,255,0.95);\r\n padding: 2rem;\r\n border-radius: 15px;\r\n margin: 2rem auto;\r\n max-width: 800px;\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.1);\r\n }\r\n\r\n .puzzle {\r\n background: white;\r\n padding: 1.5rem;\r\n border-radius: 10px;\r\n margin-bottom: 1.5rem;\r\n box-shadow: 0 2px 10px rgba(0,0,0,0.05);\r\n }\r\n\r\n .puzzle-input {\r\n width: 100%;\r\n max-width: 400px;\r\n padding: 1rem;\r\n margin: 1rem auto;\r\n border: 2px solid var(--yellow);\r\n border-radius: 8px;\r\n font-size: 1.1rem;\r\n transition: all 0.3s ease;\r\n display: block;\r\n text-align: center;\r\n }\r\n\r\n .puzzle-input:focus {\r\n border-color: var(--pink);\r\n outline: none;\r\n box-shadow: 0 0 5px rgba(255,139,210,0.3);\r\n }\r\n\r\n .puzzle-input option {\r\n padding: 0.5rem;\r\n font-size: 1rem;\r\n line-height: 1.4;\r\n word-wrap: break-word;\r\n white-space: normal;\r\n }\r\n\r\n .puzzle-options {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1rem;\r\n margin: 1rem 0;\r\n }\r\n\r\n .puzzle-option-btn {\r\n padding: 1rem 1.5rem;\r\n border: 2px solid var(--yellow);\r\n border-radius: 8px;\r\n background: white;\r\n color: var(--black);\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n font-size: 1rem;\r\n text-align: left;\r\n line-height: 1.4;\r\n word-wrap: break-word;\r\n white-space: normal;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .puzzle-option-btn::after {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: var(--yellow);\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n z-index: -1;\r\n }\r\n\r\n .puzzle-option-btn:hover::after {\r\n opacity: 0.2;\r\n }\r\n\r\n .puzzle-option-btn.selected {\r\n background: var(--yellow);\r\n color: var(--black);\r\n border-color: var(--pink);\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.1);\r\n }\r\n\r\n .puzzle-option-btn.correct {\r\n background: #4CAF50;\r\n color: white;\r\n border-color: #4CAF50;\r\n }\r\n\r\n .puzzle-option-btn.incorrect {\r\n background: #f44336;\r\n color: white;\r\n border-color: #f44336;\r\n }\r\n\r\n\r\n\r\n .puzzle-input.correct {\r\n border-color: #4CAF50;\r\n background: #E8F5E9;\r\n }\r\n\r\n .puzzle-input.incorrect {\r\n border-color: #f44336;\r\n background: #FFEBEE;\r\n }\r\n\r\n .progress-bar {\r\n width: 100%;\r\n height: 20px;\r\n background: #eee;\r\n border-radius: 10px;\r\n margin: 1rem 0;\r\n overflow: hidden;\r\n }\r\n\r\n .progress {\r\n width: 0%;\r\n height: 100%;\r\n background: linear-gradient(90deg, var(--yellow), var(--pink));\r\n transition: width 0.3s ease;\r\n }\r\n\r\n .modal {\r\n display: none;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0,0,0,0.8);\r\n z-index: 1000;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .modal-content {\r\n background: white;\r\n padding: 2rem;\r\n border-radius: 15px;\r\n max-width: 1000px;\r\n width: 95%;\r\n text-align: center;\r\n max-height: 90vh;\r\n overflow-y: auto;\r\n position: relative;\r\n margin: 2rem auto;\r\n box-sizing: border-box;\r\n }\r\n\r\n .close-modal {\r\n position: absolute;\r\n top: 1rem;\r\n right: 1rem;\r\n font-size: 1.5rem;\r\n cursor: pointer;\r\n color: var(--black);\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n .container {\r\n padding: 1rem;\r\n }\r\n\r\n .features-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .container {\r\n padding: 1rem;\r\n }\r\n \r\n .modal-content {\r\n width: 98%;\r\n padding: 0.8rem;\r\n margin: 0.5rem auto;\r\n max-height: 98vh;\r\n }\r\n\r\n .page-title {\r\n font-size: 2rem;\r\n padding: 1.5rem;\r\n }\r\n\r\n .video-section {\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .video-card {\r\n max-width: 100%;\r\n padding: 1.5rem;\r\n }\r\n\r\n .features-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .features-grid:last-child {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .video-card {\r\n max-width: 100%;\r\n }\r\n\r\n .feature-card {\r\n padding: 1.5rem;\r\n }\r\n\r\n .feature-card i {\r\n font-size: 2.5rem;\r\n }\r\n\r\n .feature-card h3 {\r\n font-size: 1.2rem;\r\n }\r\n\r\n .feature-card p {\r\n font-size: 0.9rem;\r\n }\r\n\r\n .feature-card img {\r\n max-width: 150px;\r\n }\r\n\r\n .download-btn {\r\n padding: 0.8rem 1.5rem;\r\n font-size: 0.9rem;\r\n }\r\n\r\n .modal-content {\r\n width: 95%;\r\n padding: 1rem;\r\n margin: 1rem auto;\r\n max-height: 95vh;\r\n }\r\n\r\n .story-section {\r\n padding: 1rem;\r\n gap: 1rem;\r\n max-width: 100%;\r\n box-sizing: border-box;\r\n }\r\n\r\n .story-text, .challenge {\r\n padding: 1rem;\r\n }\r\n\r\n .story-text h3, .challenge h4 {\r\n font-size: 1.3rem;\r\n }\r\n\r\n .story-text p, .challenge p, .challenge li {\r\n font-size: 1rem;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n }\r\n\r\n .puzzle-input {\r\n max-width: 100%;\r\n min-width: 200px;\r\n font-size: 1rem;\r\n padding: 0.8rem;\r\n }\r\n \r\n .puzzle-input option {\r\n font-size: 0.9rem;\r\n padding: 0.3rem;\r\n line-height: 1.3;\r\n max-width: 100%;\r\n word-wrap: break-word;\r\n white-space: normal;\r\n text-align: left;\r\n }\r\n\r\n .puzzle-options {\r\n gap: 0.8rem;\r\n margin: 0.8rem 0;\r\n }\r\n\r\n .puzzle-option-btn {\r\n padding: 0.8rem 1.2rem;\r\n font-size: 0.9rem;\r\n line-height: 1.3;\r\n }\r\n \r\n .selected-answer {\r\n font-size: 0.9rem;\r\n padding: 0.8rem;\r\n margin: 0.8rem 0;\r\n }\r\n }\r\n\r\n .quiz-section, .escape-room {\r\n background: rgba(255,255,255,0.95);\r\n padding: 2rem;\r\n border-radius: 15px;\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.1);\r\n text-align: center;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1.5rem;\r\n align-items: center;\r\n margin: 4rem 0;\r\n }\r\n\r\n .quiz-section h2, .escape-room h2 {\r\n color: var(--black);\r\n margin-bottom: 1rem;\r\n font-size: 1.8rem;\r\n }\r\n\r\n .quiz-section p, .escape-room p {\r\n color: var(--black);\r\n margin-bottom: 1.5rem;\r\n font-size: 1.1rem;\r\n }\r\n\r\n .progress-indicator {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 4px;\r\n background: var(--white);\r\n z-index: 1000;\r\n }\r\n\r\n .progress-bar {\r\n height: 100%;\r\n background: linear-gradient(90deg, var(--yellow), var(--pink));\r\n width: 0%;\r\n transition: width 0.3s ease;\r\n }\r\n\r\n .feature-card {\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .feature-card::after {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(45deg, rgba(255,255,255,0.1), transparent);\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n }\r\n\r\n .feature-card:hover::after {\r\n opacity: 1;\r\n }\r\n\r\n .feature-card .content {\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .feature-card img {\r\n transition: transform 0.5s ease;\r\n }\r\n\r\n .feature-card:hover img {\r\n transform: scale(1.05);\r\n }\r\n\r\n .interactive-tooltip {\r\n position: absolute;\r\n background: var(--white);\r\n padding: 0.5rem 1rem;\r\n border-radius: 8px;\r\n box-shadow: 0 2px 10px rgba(0,0,0,0.1);\r\n font-size: 0.9rem;\r\n opacity: 0;\r\n transform: translateY(10px);\r\n transition: all 0.3s ease;\r\n pointer-events: none;\r\n }\r\n\r\n .feature-card:hover .interactive-tooltip {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .achievement-badge {\r\n position: absolute;\r\n top: 1rem;\r\n right: 1rem;\r\n background: var(--yellow);\r\n color: var(--black);\r\n padding: 0.5rem;\r\n border-radius: 50%;\r\n width: 40px;\r\n height: 40px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.2rem;\r\n box-shadow: 0 2px 5px rgba(0,0,0,0.1);\r\n }\r\n\r\n .feature-card:hover .achievement-badge {\r\n transform: rotate(360deg);\r\n transition: transform 0.5s ease;\r\n }\r\n\r\n .interactive-button {\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .interactive-button::before {\r\n content: '';\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n width: 0;\r\n height: 0;\r\n background: rgba(255,255,255,0.2);\r\n border-radius: 50%;\r\n transform: translate(-50%, -50%);\r\n transition: width 0.6s ease, height 0.6s ease;\r\n }\r\n\r\n .interactive-button:hover::before {\r\n width: 300px;\r\n height: 300px;\r\n }\r\n\r\n .feature-card .content {\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .feature-card .content::before {\r\n content: '';\r\n position: absolute;\r\n top: -10px;\r\n left: -10px;\r\n right: -10px;\r\n bottom: -10px;\r\n border: 2px solid transparent;\r\n border-radius: 15px;\r\n transition: border-color 0.3s ease;\r\n }\r\n\r\n .feature-card:hover .content::before {\r\n border-color: var(--pink);\r\n }\r\n\r\n .tools-section {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 3rem;\r\n width: 100%;\r\n margin: 4rem 0;\r\n }\r\n\r\n .tool-card {\r\n background: rgba(255,255,255,0.95);\r\n border-radius: 15px;\r\n padding: 2rem;\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.1);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .tool-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 8px 25px rgba(0,0,0,0.15);\r\n }\r\n\r\n .notes-container {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1.5rem;\r\n margin-top: 1.5rem;\r\n }\r\n\r\n .notes-input {\r\n width: 100%;\r\n min-height: 200px;\r\n padding: 1rem;\r\n border: 2px solid var(--yellow);\r\n border-radius: 8px;\r\n font-size: 1.1rem;\r\n resize: vertical;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .notes-actions {\r\n display: flex;\r\n gap: 1rem;\r\n justify-content: flex-end;\r\n }\r\n\r\n .notes-btn {\r\n padding: 0.8rem 1.5rem;\r\n border: none;\r\n border-radius: 8px;\r\n background: var(--blue);\r\n color: var(--white);\r\n font-size: 1rem;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n }\r\n\r\n .notes-btn:hover {\r\n background: var(--pink);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .notes-list {\r\n margin-top: 1rem;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.5rem;\r\n }\r\n\r\n .note-item {\r\n background: rgba(255,255,255,0.8);\r\n padding: 1rem;\r\n border-radius: 8px;\r\n border: 1px solid var(--yellow);\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n\r\n .note-item:hover {\r\n background: rgba(255,255,255,0.95);\r\n }\r\n\r\n .note-date {\r\n font-size: 0.9rem;\r\n color: var(--black);\r\n opacity: 0.7;\r\n }\r\n\r\n .timeline {\r\n position: relative;\r\n padding: 3rem 0;\r\n }\r\n\r\n .timeline::before {\r\n content: '';\r\n position: absolute;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 2px;\r\n height: 100%;\r\n background: var(--yellow);\r\n }\r\n\r\n .timeline-item {\r\n position: relative;\r\n margin-bottom: 3rem;\r\n width: 50%;\r\n padding-right: 2rem;\r\n }\r\n\r\n .timeline-item:nth-child(even) {\r\n margin-left: 50%;\r\n padding-right: 0;\r\n padding-left: 2rem;\r\n }\r\n\r\n .timeline-content {\r\n background: var(--white);\r\n padding: 1rem;\r\n border-radius: 8px;\r\n box-shadow: 0 2px 10px rgba(0,0,0,0.1);\r\n }\r\n\r\n .timeline-item::before {\r\n content: '';\r\n position: absolute;\r\n right: -6px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 12px;\r\n height: 12px;\r\n background: var(--pink);\r\n border-radius: 50%;\r\n }\r\n\r\n .timeline-item:nth-child(even)::before {\r\n right: auto;\r\n left: -6px;\r\n }\r\n\r\n .achievements-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\r\n gap: 1rem;\r\n margin-top: 1rem;\r\n }\r\n\r\n .achievement-item {\r\n background: var(--white);\r\n padding: 1rem;\r\n border-radius: 8px;\r\n text-align: center;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .achievement-item.locked {\r\n opacity: 0.5;\r\n }\r\n\r\n .achievement-item i {\r\n font-size: 2rem;\r\n color: var(--pink);\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .achievement-item.unlocked i {\r\n color: var(--yellow);\r\n }\r\n\r\n .story-section {\r\n margin-bottom: 4rem;\r\n padding: 2rem;\r\n background: white;\r\n border-radius: 10px;\r\n box-shadow: 0 2px 10px rgba(0,0,0,0.05);\r\n width: 100%;\r\n box-sizing: border-box;\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 3rem;\r\n }\r\n\r\n .story-text {\r\n background: rgba(255,255,255,0.9);\r\n padding: 2rem;\r\n border-radius: 8px;\r\n box-shadow: 0 2px 5px rgba(0,0,0,0.05);\r\n text-align: left;\r\n }\r\n\r\n .story-text h3 {\r\n color: var(--pink);\r\n margin-bottom: 1.5rem;\r\n font-size: 1.8rem;\r\n text-align: center;\r\n }\r\n\r\n .story-text p {\r\n margin-bottom: 1.5rem;\r\n font-size: 1.2rem;\r\n color: var(--black);\r\n line-height: 1.8;\r\n }\r\n\r\n .challenge {\r\n background: rgba(255,255,255,0.9);\r\n padding: 2rem;\r\n border-radius: 10px;\r\n border: 2px solid var(--yellow);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1.5rem;\r\n max-width: 100%;\r\n box-sizing: border-box;\r\n }\r\n\r\n .challenge h4 {\r\n color: var(--black);\r\n margin-bottom: 1.5rem;\r\n font-size: 1.6rem;\r\n text-align: center;\r\n }\r\n\r\n .challenge p {\r\n margin-bottom: 1.5rem;\r\n text-align: left;\r\n font-size: 1.2rem;\r\n line-height: 1.8;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n max-width: 100%;\r\n }\r\n\r\n .challenge ul {\r\n list-style-type: none;\r\n margin: 1.5rem 0;\r\n padding: 1.5rem;\r\n text-align: left;\r\n background: rgba(255,255,255,0.8);\r\n border-radius: 8px;\r\n }\r\n\r\n .challenge li {\r\n margin: 1.2rem 0;\r\n padding-left: 2rem;\r\n position: relative;\r\n font-size: 1.2rem;\r\n line-height: 1.8;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n }\r\n\r\n .challenge li:before {\r\n content: \"\u2022\";\r\n color: var(--pink);\r\n position: absolute;\r\n left: 0;\r\n font-size: 1.4rem;\r\n }\r\n\r\n .puzzle-input {\r\n width: 100%;\r\n max-width: 500px;\r\n min-width: 250px;\r\n padding: 1rem;\r\n margin: 1rem auto;\r\n border: 2px solid var(--yellow);\r\n border-radius: 8px;\r\n font-size: 1.1rem;\r\n transition: all 0.3s ease;\r\n display: block;\r\n text-align: center;\r\n box-sizing: border-box;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n }\r\n\r\n .encouragement-message {\r\n margin-top: 1rem;\r\n padding: 1.5rem;\r\n background: rgba(92,225,230,0.1);\r\n border-radius: 8px;\r\n animation: fadeIn 0.5s ease;\r\n width: 100%;\r\n max-width: 500px;\r\n margin: 1rem auto;\r\n }\r\n\r\n .encouragement-content {\r\n display: flex;\r\n align-items: center;\r\n gap: 1rem;\r\n text-align: left;\r\n }\r\n\r\n .encouragement-content i {\r\n color: var(--yellow);\r\n font-size: 1.8rem;\r\n flex-shrink: 0;\r\n }\r\n\r\n .encouragement-content p {\r\n font-size: 1.2rem;\r\n line-height: 1.6;\r\n margin: 0;\r\n }\r\n\r\n @keyframes fadeIn {\r\n from { opacity: 0; transform: translateY(10px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n .feature-image {\r\n width: 100%;\r\n height: 150px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n background: rgba(255,255,255,0.8);\r\n border-radius: 10px;\r\n margin: 1rem 0;\r\n gap: 0.5rem;\r\n }\r\n\r\n .feature-image i {\r\n color: var(--pink);\r\n font-size: 3rem;\r\n }\r\n\r\n .icon-label {\r\n color: var(--black);\r\n font-size: 0.9rem;\r\n text-align: center;\r\n margin-top: 0.5rem;\r\n font-weight: 500;\r\n }\r\n\r\n \/* Adicionando estilos para o flipbook *\/\r\n .flipbook-container {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0,0,0,0.9);\r\n z-index: 1000;\r\n display: none;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 20px;\r\n }\r\n\r\n .flipbook-viewer {\r\n width: 95%;\r\n height: 95%;\r\n background: white;\r\n border-radius: 10px;\r\n padding: 20px;\r\n position: relative;\r\n overflow: hidden;\r\n display: flex;\r\n flex-direction: column;\r\n box-shadow: 0 4px 20px rgba(0,0,0,0.2);\r\n }\r\n\r\n #pdfViewer {\r\n width: 100%;\r\n height: 100%;\r\n border: none;\r\n background: white;\r\n }\r\n\r\n .flipbook-button {\r\n padding: 10px 20px;\r\n border: none;\r\n border-radius: 5px;\r\n background: var(--blue);\r\n color: white;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n z-index: 1001;\r\n }\r\n\r\n .flipbook-button:hover {\r\n background: var(--pink);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .flipbook-pages {\r\n flex: 1;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 20px;\r\n margin: 20px 0;\r\n overflow: auto;\r\n }\r\n\r\n .flipbook-page {\r\n box-shadow: 0 4px 8px rgba(0,0,0,0.1);\r\n border-radius: 5px;\r\n background: white;\r\n }\r\n\r\n .flipbook-page canvas {\r\n border-radius: 5px;\r\n }\r\n\r\n .page-number {\r\n text-align: center;\r\n color: white;\r\n margin-top: 10px;\r\n font-size: 1.2rem;\r\n }\r\n\r\n .loading-overlay {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0,0,0,0.8);\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n color: white;\r\n font-size: 1.2rem;\r\n }\r\n\r\n .video-container, .infographic-container {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0,0,0,0.9);\r\n z-index: 1000;\r\n display: none;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 20px;\r\n }\r\n\r\n .video-viewer, .infographic-viewer {\r\n width: 95%;\r\n height: 95%;\r\n background: white;\r\n border-radius: 10px;\r\n padding: 20px;\r\n position: relative;\r\n overflow: hidden;\r\n display: flex;\r\n flex-direction: column;\r\n box-shadow: 0 4px 20px rgba(0,0,0,0.2);\r\n }\r\n\r\n #videoFrame {\r\n width: 100%;\r\n height: 100%;\r\n border: none;\r\n background: white;\r\n }\r\n\r\n #infographicImage {\r\n max-width: 100%;\r\n height: auto;\r\n display: block;\r\n margin: 0 auto;\r\n }\r\n\r\n .learning-contents-section {\r\n width: 100%;\r\n margin-bottom: 3rem;\r\n background: rgba(255,255,255,0.95);\r\n border-radius: 15px;\r\n padding: 2rem;\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.1);\r\n }\r\n\r\n .learning-contents-card {\r\n max-width: 800px;\r\n margin: 0 auto;\r\n text-align: center;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1.5rem;\r\n }\r\n\r\n .learning-contents-image {\r\n position: relative;\r\n width: 100%;\r\n max-width: 300px;\r\n margin: 0 auto;\r\n border-radius: 15px;\r\n overflow: hidden;\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.1);\r\n transition: transform 0.3s ease;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .learning-contents-image img {\r\n width: auto;\r\n max-width: 100%;\r\n height: auto;\r\n display: block;\r\n border-radius: 15px;\r\n margin: 0 auto;\r\n }\r\n\r\n .learning-contents-description {\r\n text-align: center;\r\n padding: 1rem;\r\n color: var(--black);\r\n font-size: 1.1rem;\r\n line-height: 1.6;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n }\r\n\r\n .learning-contents-button {\r\n padding: 1rem 2rem;\r\n border: none;\r\n border-radius: 25px;\r\n background: var(--blue);\r\n color: var(--white);\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n margin-top: 1rem;\r\n text-decoration: none;\r\n width: auto;\r\n min-width: 200px;\r\n justify-content: center;\r\n pointer-events: auto;\r\n position: relative;\r\n z-index: 10;\r\n }\r\n\r\n .learning-contents-button:hover {\r\n background: var(--pink);\r\n transform: translateY(-2px);\r\n }\r\n <\/style>\r\n <!-- Adicionar scripts necess\u00e1rios -->\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/pdf.js\/2.11.338\/pdf.min.js\"><\/script>\r\n <script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"><\/script>\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/turn.js\/4.1.0\/turn.min.js\"><\/script>\r\n<\/head>\r\n<body>\r\n <div class=\"progress-indicator\">\r\n <div class=\"progress-bar\" id=\"pageProgress\"><\/div>\r\n <\/div>\r\n\r\n\r\n <!-- Container do V\u00eddeo -->\r\n <div class=\"video-section\">\r\n <div class=\"video-card\">\r\n <div class=\"content\">\r\n <i class=\"fas fa-video\"><\/i>\r\n <h3>\u0392\u03af\u03bd\u03c4\u03b5\u03bf<\/h3>\r\n <p>\u039a\u03b1\u03bb\u03ce\u03c2 \u03ae\u03c1\u03b8\u03b1\u03c4\u03b5 \u03c3\u03c4\u03b7\u03bd \u03b5\u03bd\u03cc\u03c4\u03b7\u03c4\u03b1 \u00ab\u039a\u03b1\u03c4\u03b1\u03bd\u03cc\u03b7\u03c3\u03b7 \u03c7\u03c1\u03b7\u03bc\u03b1\u03c4\u03bf\u03bf\u03b9\u03ba\u03bf\u03bd\u03bf\u03bc\u03b9\u03ba\u03ce\u03bd \u03ba\u03b1\u03c4\u03b1\u03c3\u03c4\u03ac\u03c3\u03b5\u03c9\u03bd\/\u03b1\u03bd\u03b1\u03c6\u03bf\u03c1\u03ce\u03bd\u00bb, \u03cc\u03c0\u03bf\u03c5 \u03b8\u03b1 \u03b1\u03bd\u03b1\u03ba\u03b1\u03bb\u03cd\u03c8\u03b5\u03c4\u03b5 \u03c0\u03ce\u03c2 \u03bd\u03b1 \u03b4\u03b9\u03b1\u03b2\u03ac\u03b6\u03b5\u03c4\u03b5 \u03ba\u03b1\u03b9 \u03bd\u03b1 \u03b1\u03bd\u03b1\u03bb\u03cd\u03b5\u03c4\u03b5 \u03b2\u03b1\u03c3\u03b9\u03ba\u03ac \u03bf\u03b9\u03ba\u03bf\u03bd\u03bf\u03bc\u03b9\u03ba\u03ac \u03ad\u03b3\u03b3\u03c1\u03b1\u03c6\u03b1 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03bb\u03b1\u03bc\u03b2\u03ac\u03bd\u03b5\u03c4\u03b5 \u03c0\u03b9\u03bf \u03ad\u03be\u03c5\u03c0\u03bd\u03b5\u03c2 \u03b5\u03c0\u03b9\u03c7\u03b5\u03b9\u03c1\u03b7\u03bc\u03b1\u03c4\u03b9\u03ba\u03ad\u03c2 \u03b1\u03c0\u03bf\u03c6\u03ac\u03c3\u03b5\u03b9\u03c2 \u03ba\u03b1\u03b9 \u03bd\u03b1 \u03c0\u03b1\u03c1\u03b1\u03ba\u03bf\u03bb\u03bf\u03c5\u03b8\u03b5\u03af\u03c4\u03b5 \u03c4\u03b7\u03bd \u03bf\u03b9\u03ba\u03bf\u03bd\u03bf\u03bc\u03b9\u03ba\u03ae \u03b5\u03c5\u03c1\u03c9\u03c3\u03c4\u03af\u03b1 \u03c4\u03b7\u03c2 \u03b5\u03c4\u03b1\u03b9\u03c1\u03b5\u03af\u03b1\u03c2 \u03c3\u03b1\u03c2.<\/p>\r\n <div class=\"video-player-container\">\r\n <video id=\"mainVideo\" controls>\r\n <source src=\"https:\/\/excel-erasmus.eu\/Videos\/EL\/EXCEL_WP2_A2.3_M2_Video_EL.mp4\" type=\"video\/mp4\">\r\n \u03a4\u03bf \u03c0\u03c1\u03cc\u03b3\u03c1\u03b1\u03bc\u03bc\u03b1 \u03c0\u03b5\u03c1\u03b9\u03ae\u03b3\u03b7\u03c3\u03ae\u03c2 \u03c3\u03b1\u03c2 \u03b4\u03b5\u03bd \u03c5\u03c0\u03bf\u03c3\u03c4\u03b7\u03c1\u03af\u03b6\u03b5\u03b9 \u03c4\u03b7\u03bd \u03b1\u03bd\u03b1\u03c0\u03b1\u03c1\u03b1\u03b3\u03c9\u03b3\u03ae \u03b1\u03c5\u03c4\u03bf\u03cd \u03c4\u03bf\u03c5 \u03b2\u03af\u03bd\u03c4\u03b5\u03bf\r\n <\/video>\r\n <\/div>\r\n <div class=\"video-controls\">\r\n <button onclick=\"document.getElementById('mainVideo').play()\">\r\n <i class=\"fas fa-play\"><\/i> \u0391\u03bd\u03b1\u03c0\u03b1\u03c1\u03b1\u03b3\u03c9\u03b3\u03ae\r\n <\/button>\r\n <button onclick=\"document.getElementById('mainVideo').pause()\">\r\n <i class=\"fas fa-pause\"><\/i> \u03a0\u03b1\u03cd\u03c3\u03b7\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Container dos Recursos -->\r\n <div class=\"resources-section\">\r\n <div class=\"features-grid\">\r\n <div class=\"feature-card\">\r\n <div class=\"content\">\r\n <i class=\"fas fa-book\"><\/i>\r\n <h3>\u039c\u03b1\u03b8\u03b7\u03c3\u03b9\u03b1\u03ba\u03cc \u03c0\u03b5\u03c1\u03b9\u03b5\u03c7\u03cc\u03bc\u03b5\u03bd\u03bf, \u03b4\u03c1\u03b1\u03c3\u03c4\u03b7\u03c1\u03b9\u03cc\u03c4\u03b7\u03c4\u03b5\u03c2 \u03ba\u03b1\u03b9 \u03c0\u03cc\u03c1\u03bf\u03b9<\/h3>\r\n <p>\u039e\u03b5\u03ba\u03b9\u03bd\u03ae\u03c3\u03c4\u03b5 \u03b4\u03b9\u03b1\u03b2\u03ac\u03b6\u03bf\u03bd\u03c4\u03b1\u03c2 \u03c4\u03bf PDF \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03c3\u03b1\u03c2 \u03b2\u03bf\u03b7\u03b8\u03ae\u03c3\u03b5\u03b9 \u03bd\u03b1 \u03b5\u03be\u03bf\u03b9\u03ba\u03b5\u03b9\u03c9\u03b8\u03b5\u03af\u03c4\u03b5 \u03ba\u03b1\u03b9 \u03bd\u03b1 \u03b4\u03b9\u03b5\u03c5\u03c1\u03cd\u03bd\u03b5\u03c4\u03b5 \u03c4\u03b7\u03bd \u03ba\u03b1\u03c4\u03b1\u03bd\u03cc\u03b7\u03c3\u03ae \u03c3\u03b1\u03c2 \u03b3\u03b9\u03b1 \u03c4\u03b7\u03bd \u03b5\u03bd\u03cc\u03c4\u03b7\u03c4\u03b1 \u03ba\u03b1\u03b9 \u03bd\u03b1 \u03b5\u03c6\u03b1\u03c1\u03bc\u03cc\u03c3\u03b5\u03c4\u03b5 \u03c4\u03b9\u03c2 \u03b3\u03bd\u03ce\u03c3\u03b5\u03b9\u03c2 \u03c3\u03b1\u03c2.<\/p>\r\n <div class=\"learning-contents-section\">\r\n <div class=\"learning-contents-card\">\r\n <div class=\"content\">\r\n <div class=\"learning-contents-image\">\r\n <a href=\"https:\/\/excel-erasmus.eu\/Flipbooks\/M2_Understanding financial statements_EL\/index.html\" target=\"_blank\" rel=\"noopener\">\r\n <img decoding=\"async\" src=\"https:\/\/excel-erasmus.eu\/wp-content\/uploads\/2025\/10\/EXCEL_WP2_M2-flipbook_EL.png\" alt=\"Learning Contents and Resources\" style=\"width: 100%; height: auto;\">\r\n <\/a>\r\n <\/div>\r\n <a href=\"https:\/\/excel-erasmus.eu\/Flipbooks\/M2_Understanding financial statements_EL\/index.html\" class=\"learning-contents-button\" target=\"_blank\" rel=\"noopener\">\r\n \u03a0\u03c1\u03cc\u03c3\u03b2\u03b1\u03c3\u03b7 \u03c3\u03c4\u03bf \u03b5\u03ba\u03c0\u03b1\u03b9\u03b4\u03b5\u03c5\u03c4\u03b9\u03ba\u03cc \u03c5\u03bb\u03b9\u03ba\u03cc\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"feature-card\">\r\n <div class=\"content\">\r\n <i class=\"fas fa-chart-bar\"><\/i>\r\n <h3>\u0394\u03b9\u03b1\u03b4\u03c1\u03b1\u03c3\u03c4\u03b9\u03ba\u03cc infographic<\/h3>\r\n <p>\u0391\u03bd\u03b1\u03bb\u03ac\u03b2\u03b5\u03c4\u03b5 \u03b4\u03c1\u03ac\u03c3\u03b7 \u03c0\u03c1\u03bf\u03c2 \u03c4\u03b7\u03bd \u03ba\u03b1\u03c4\u03b5\u03cd\u03b8\u03c5\u03bd\u03c3\u03b7 \u03c5\u03c0\u03b5\u03cd\u03b8\u03c5\u03bd\u03c9\u03bd \u03b4\u03b7\u03bc\u03bf\u03c3\u03b9\u03bf\u03bd\u03bf\u03bc\u03b9\u03ba\u03ce\u03bd\/\u03bf\u03b9\u03ba\u03bf\u03bd\u03bf\u03bc\u03b9\u03ba\u03ce\u03bd \u03b1\u03c0\u03bf\u03c6\u03ac\u03c3\u03b5\u03c9\u03bd \u03b3\u03b9\u03b1 \u03c4\u03b7\u03bd \u03c5\u03c0\u03bf\u03c3\u03c4\u03ae\u03c1\u03b9\u03be\u03b7 \u03c4\u03bf\u03c5 \u03b5\u03c0\u03b9\u03c7\u03b5\u03b9\u03c1\u03b7\u03bc\u03b1\u03c4\u03b9\u03ba\u03bf\u03cd \u03c3\u03b1\u03c2 \u03c4\u03b1\u03be\u03b9\u03b4\u03b9\u03bf\u03cd<\/p>\r\n <div class=\"learning-contents-section\">\r\n <div class=\"learning-contents-card\">\r\n <div class=\"content\">\r\n <div class=\"learning-contents-image\">\r\n <a href=\"https:\/\/excel-erasmus.eu\/wp-content\/uploads\/2025\/10\/EXCEL_WP2_A2.3_M2_Infographic_EL.pdf\" target=\"_blank\" rel=\"noopener\">\r\n <img decoding=\"async\" src=\"https:\/\/excel-erasmus.eu\/wp-content\/uploads\/2025\/10\/EXCEL_WP2_M2-Infographic_EL-e1761849783363.png\" alt=\"Hands-on Infographic\" style=\"width: 100%; height: auto;\">\r\n <\/a>\r\n <\/div>\r\n <a href=\"https:\/\/excel-erasmus.eu\/wp-content\/uploads\/2025\/10\/EXCEL_WP2_A2.3_M2_Infographic_EL.pdf\" class=\"learning-contents-button\" target=\"_blank\" rel=\"noopener\">\r\n \u03a0\u03c1\u03bf\u03b2\u03bf\u03bb\u03ae Infographic\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Container para o flipbook -->\r\n <div class=\"flipbook-container\" id=\"flipbookContainer\">\r\n <div class=\"flipbook-viewer\" id=\"flipbookViewer\">\r\n <iframe id=\"pdfFrame\" style=\"width: 100%; height: 100%; border: none;\"><\/iframe>\r\n <\/div>\r\n <button class=\"flipbook-button\" onclick=\"closeFlipbook()\" style=\"position: absolute; top: 20px; right: 20px;\">\u039a\u03bb\u03b5\u03af\u03c3\u03b9\u03bc\u03bfe<\/button>\r\n <\/div>\r\n\r\n <!-- Modal para V\u00eddeo -->\r\n <div class=\"video-container\" id=\"videoContainer\">\r\n <div class=\"video-viewer\" id=\"videoViewer\">\r\n <iframe id=\"videoFrame\" style=\"width: 100%; height: 100%; border: none;\"><\/iframe>\r\n <\/div>\r\n <button class=\"flipbook-button\" onclick=\"closeVideo()\" style=\"position: absolute; top: 20px; right: 20px;\">\u039a\u03bb\u03b5\u03af\u03c3\u03b9\u03bc\u03bfe<\/button>\r\n <\/div>\r\n\r\n <!-- Modal para Infogr\u00e1fico -->\r\n <div class=\"infographic-container\" id=\"infographicContainer\">\r\n <div class=\"infographic-viewer\" id=\"infographicViewer\">\r\n <img id=\"infographicImage\" style=\"max-width: 100%; height: auto;\">\r\n <\/div>\r\n <button class=\"flipbook-button\" onclick=\"closeInfographic()\" style=\"position: absolute; top: 20px; right: 20px;\">\u039a\u03bb\u03b5\u03af\u03c3\u03b9\u03bc\u03bfe<\/button>\r\n <\/div>\r\n\r\n <!-- Escape Room Section -->\r\n <div id=\"escapeRoomModal\" class=\"modal\">\r\n <div class=\"modal-content\">\r\n <span class=\"close-modal\" onclick=\"closeEscapeRoom()\">×<\/span>\r\n <h2>\u039a\u03ac\u03bd\u03bf\u03bd\u03c4\u03b1\u03c2 \u03c4\u03b1 \u03c3\u03c9\u03c3\u03c4\u03ac \u03c0\u03c1\u03ac\u03b3\u03bc\u03b1\u03c4\u03b1, \u03c0\u03c1\u03b9\u03bd \u03ba\u03ac\u03bd\u03bf\u03c5\u03bc\u03b5 \u03c3\u03c9\u03c3\u03c4\u03ac \u03c4\u03b1 \u03c0\u03c1\u03ac\u03b3\u03bc\u03b1\u03c4\u03b1.<\/h2>\r\n <div class=\"progress-bar\">\r\n <div class=\"progress\" id=\"escapeProgress\"><\/div>\r\n <\/div>\r\n <div id=\"escapeContent\">\r\n <div class=\"story-section\">\r\n <div class=\"story-text\">\r\n <p>\u039f John \u03b4\u03b9\u03b5\u03c5\u03b8\u03cd\u03bd\u03b5\u03b9 \u03bc\u03b9\u03b1 \u03bc\u03b9\u03ba\u03c1\u03ae \u03b5\u03c0\u03b9\u03c7\u03b5\u03af\u03c1\u03b7\u03c3\u03b7 \u03c0\u03bf\u03c5 \u03c0\u03b1\u03c1\u03ad\u03c7\u03b5\u03b9 \u03c5\u03c0\u03b7\u03c1\u03b5\u03c3\u03af\u03b5\u03c2 \u03b2\u03b9\u03ce\u03c3\u03b9\u03bc\u03b7\u03c2 \u03b5\u03bd\u03ad\u03c1\u03b3\u03b5\u03b9\u03b1\u03c2 \u03c3\u03b5 \u03b5\u03b8\u03bd\u03b9\u03ba\u03cc \u03b5\u03c0\u03af\u03c0\u03b5\u03b4\u03bf. \u03a0\u03c1\u03bf\u03c3\u03c6\u03ad\u03c1\u03b5\u03b9 \u03c0\u03c9\u03bb\u03ae\u03c3\u03b5\u03b9\u03c2 \u03ba\u03b1\u03b9 \u03b5\u03b3\u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7 \u03c3\u03c5\u03c3\u03c4\u03b7\u03bc\u03ac\u03c4\u03c9\u03bd \u03b7\u03bb\u03b9\u03b1\u03ba\u03ae\u03c2 \u03b5\u03bd\u03ad\u03c1\u03b3\u03b5\u03b9\u03b1\u03c2, \u03c3\u03c5\u03c3\u03c3\u03c9\u03c1\u03b5\u03c5\u03c4\u03ce\u03bd \u03c6\u03cc\u03c1\u03c4\u03b9\u03c3\u03b7\u03c2 \u03b3\u03b9\u03b1 \u03bf\u03b9\u03ba\u03b9\u03b1\u03ba\u03ae \u03b7\u03bb\u03b5\u03ba\u03c4\u03c1\u03b9\u03ba\u03ae \u03ba\u03b9\u03bd\u03b7\u03c4\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1 \u03ba\u03b1\u03b9 \u03c3\u03c5\u03c3\u03c4\u03ae\u03bc\u03b1\u03c4\u03b1 \u03ba\u03bb\u03b9\u03bc\u03b1\u03c4\u03b9\u03c3\u03bc\u03bf\u03cd \u03ba\u03b1\u03b9 \u03b6\u03b5\u03c3\u03c4\u03bf\u03cd \u03bd\u03b5\u03c1\u03bf\u03cd \u03c7\u03c1\u03ae\u03c3\u03b7\u03c2 \u03c0\u03bf\u03c5 \u03b2\u03b1\u03c3\u03af\u03b6\u03bf\u03bd\u03c4\u03b1\u03b9 \u03c3\u03c4\u03b7\u03bd \u03b1\u03b5\u03c1\u03bf\u03b8\u03b5\u03c1\u03bc\u03b9\u03ba\u03ae \u03b5\u03bd\u03ad\u03c1\u03b3\u03b5\u03b9\u03b1. \u039c\u03b5\u03c4\u03ac \u03b1\u03c0\u03cc \u03bc\u03b5\u03c1\u03b9\u03ba\u03ac \u03c7\u03c1\u03cc\u03bd\u03b9\u03b1 \u03ac\u03bd\u03b8\u03b7\u03c3\u03b7\u03c2 \u03c3\u03c4\u03bf\u03bd \u03c4\u03bf\u03bc\u03ad\u03b1 \u03c4\u03c9\u03bd \u03bf\u03b9\u03ba\u03b9\u03b1\u03ba\u03ce\u03bd \u03c0\u03b5\u03bb\u03b1\u03c4\u03ce\u03bd, \u03b1\u03c5\u03c4\u03cc \u03c4\u03bf \u03c4\u03bc\u03ae\u03bc\u03b1 \u03b5\u03bc\u03c6\u03b1\u03bd\u03af\u03b6\u03b5\u03b9 \u03ba\u03b1\u03bc\u03c0\u03ae \u03c4\u03bf\u03c5 \u03ba\u03b1\u03b9 \u03b8\u03b1 \u03c0\u03c1\u03ad\u03c0\u03b5\u03b9 \u03bd\u03b1 \u03b5\u03be\u03b5\u03c4\u03ac\u03c3\u03b5\u03b9 \u03c4\u03bf \u03b5\u03bd\u03b4\u03b5\u03c7\u03cc\u03bc\u03b5\u03bd\u03bf \u03bd\u03b1 \u03c3\u03c4\u03c1\u03b1\u03c6\u03b5\u03af \u03c3\u03b5 \u03ac\u03bb\u03bb\u03b1 \u03c4\u03bc\u03ae\u03bc\u03b1\u03c4\u03b1 \u03cc\u03c0\u03c9\u03c2 \u03ba\u03c4\u03af\u03c1\u03b9\u03b1 \u03ba\u03b1\u03c4\u03bf\u03b9\u03ba\u03b9\u03ce\u03bd, \u03b5\u03bd\u03b5\u03c1\u03b3\u03b5\u03b9\u03b1\u03ba\u03ad\u03c2 \u03ba\u03bf\u03b9\u03bd\u03cc\u03c4\u03b7\u03c4\u03b5\u03c2 \u03ba\u03b1\u03b9 \u03b5\u03b3\u03ba\u03b1\u03c4\u03b1\u03c3\u03c4\u03ac\u03c3\u03b5\u03b9\u03c2 \u03b3\u03b9\u03b1 \u03b5\u03c4\u03b1\u03b9\u03c1\u03b5\u03af\u03b5\u03c2.<\/p>\r\n <\/div>\r\n <div class=\"challenge\">\r\n <h4>\u03a0\u03a1\u039f\u039a\u039b\u0397\u03a3\u0397 1: \u03a4\u03bf P&L \u03c3\u03b1\u03c2 \u03cc\u03c4\u03b1\u03bd \u03b1\u03bd\u03c4\u03b9\u03bc\u03b5\u03c4\u03c9\u03c0\u03af\u03b6\u03b5\u03c4\u03b5 \u03c3\u03c4\u03b1\u03b8\u03b5\u03c1\u03ae \u03bc\u03b5\u03af\u03c9\u03c3\u03b7 \u03c4\u03b7\u03c2 \u03b6\u03ae\u03c4\u03b7\u03c3\u03b7\u03c2.<\/h4>\r\n <p>\u0395\u03c1\u03ce\u03c4\u03b7\u03c3\u03b7 \u2013 \u03a0\u03bf\u03b9\u03bf\u03c2 \u03b5\u03af\u03bd\u03b1\u03b9 \u03bf \u03ac\u03bc\u03b5\u03c3\u03bf\u03c2 \u03b1\u03bd\u03c4\u03af\u03ba\u03c4\u03c5\u03c0\u03bf\u03c2 \u03bc\u03b9\u03b1\u03c2 \u03c3\u03c4\u03b1\u03b8\u03b5\u03c1\u03ae\u03c2 \u03b3\u03b5\u03bd\u03b9\u03ba\u03ae\u03c2 \u03bc\u03b5\u03af\u03c9\u03c3\u03b7\u03c2 \u03c4\u03b7\u03c2 \u03b6\u03ae\u03c4\u03b7\u03c3\u03b7\u03c2 \u03c0\u03bf\u03c5 \u03b5\u03c0\u03b7\u03c1\u03b5\u03ac\u03b6\u03b5\u03b9 \u03c4\u03bf \u03ba\u03cd\u03c1\u03b9\u03bf \u03c4\u03bc\u03ae\u03bc\u03b1-\u03c3\u03c4\u03cc\u03c7\u03bf \u03c3\u03b1\u03c2;<\/p>\r\n <div class=\"puzzle-options\" id=\"puzzle1Options\">\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(1, 1, this)\">\u0391\u03cd\u03be\u03b7\u03c3\u03b7 \u03c4\u03bf\u03c5 \u039a\u03a0\u0395<\/button>\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(1, 2, this)\">\u0391\u03cd\u03be\u03b7\u03c3\u03b7 \u03c4\u03bf\u03c5 \u03bc\u03b1\u03ba\u03c1\u03bf\u03c0\u03c1\u03cc\u03b8\u03b5\u03c3\u03bc\u03bf\u03c5 \u03ba\u03cc\u03c3\u03c4\u03bf\u03c5\u03c2 \u03c7\u03c1\u03ad\u03bf\u03c5\u03c2<\/button>\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(1, 3, this)\">\u039c\u03b5\u03af\u03c9\u03c3\u03b7 \u03c4\u03b9\u03bc\u03ae\u03c2<\/button>\r\n <\/div>\r\n <button class=\"download-btn\" onclick=\"checkPuzzle(1)\">\u0388\u03bb\u03b5\u03b3\u03c7\u03bf\u03c2 \u0391\u03c0\u03ac\u03bd\u03c4\u03b7\u03c3\u03b7\u03c2<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"story-section\" style=\"display: none;\">\r\n <div class=\"challenge\">\r\n <h4>\u03a0\u03a1\u039f\u039a\u039b\u0397\u03a3\u0397 2: \u0391\u03bd\u03ac\u03bb\u03c5\u03c3\u03b7 \u03c4\u03bf\u03c5 \u03c0\u03c1\u03bf\u03b7\u03b3\u03bf\u03cd\u03bc\u03b5\u03bd\u03bf\u03c5 \u03b5\u03c0\u03b9\u03c7\u03b5\u03b9\u03c1\u03b7\u03bc\u03b1\u03c4\u03b9\u03ba\u03bf\u03cd \u03bc\u03bf\u03bd\u03c4\u03ad\u03bb\u03bf\u03c5 \u03c3\u03b1\u03c2 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b5\u03bb\u03ad\u03b3\u03be\u03b5\u03c4\u03b5 \u03b1\u03bd \u03b8\u03b1 \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03ae\u03c3\u03b5\u03b9 \u03b3\u03b9\u03b1 \u03c4\u03b7\u03bd \u03b1\u03c0\u03b1\u03b9\u03c4\u03bf\u03cd\u03bc\u03b5\u03bd\u03b7 \u03bc\u03b5\u03c4\u03b1\u03c4\u03cc\u03c0\u03b9\u03c3\u03b7 \u03c4\u03b7\u03c2 \u03b1\u03b3\u03bf\u03c1\u03ac\u03c2.<\/h4>\r\n <p>\u0395\u03c1\u03ce\u03c4\u03b7\u03c3\u03b7 \u2013 \u039a\u03b1\u03c4\u03ac \u03c4\u03b7\u03bd \u03b1\u03bb\u03bb\u03b1\u03b3\u03ae \u03b1\u03c0\u03cc \u03bc\u03b5\u03bc\u03bf\u03bd\u03c9\u03bc\u03ad\u03bd\u03bf\u03c5\u03c2 \u03bf\u03b9\u03ba\u03b9\u03b1\u03ba\u03bf\u03cd\u03c2 \u03c0\u03b5\u03bb\u03ac\u03c4\u03b5\u03c2 \u03c3\u03b5 \u03ba\u03c4\u03af\u03c1\u03b9\u03b1 \u03ba\u03b1\u03c4\u03bf\u03b9\u03ba\u03b9\u03ce\u03bd, \u03b5\u03bd\u03b5\u03c1\u03b3\u03b5\u03b9\u03b1\u03ba\u03ad\u03c2 \u03ba\u03bf\u03b9\u03bd\u03cc\u03c4\u03b7\u03c4\u03b5\u03c2 \u03ba\u03b1\u03b9 \u03b5\u03c0\u03b9\u03c7\u03b5\u03b9\u03c1\u03b7\u03bc\u03b1\u03c4\u03b9\u03ba\u03bf\u03cd\u03c2 \u03c0\u03b5\u03bb\u03ac\u03c4\u03b5\u03c2, \u03c0\u03bf\u03b9\u03b1 \u03b4\u03bf\u03bc\u03b9\u03ba\u03ac \u03c3\u03c4\u03bf\u03b9\u03c7\u03b5\u03af\u03b1 \u03c4\u03bf\u03c5 \u03b5\u03c0\u03b9\u03c7\u03b5\u03b9\u03c1\u03b7\u03bc\u03b1\u03c4\u03b9\u03ba\u03bf\u03cd \u03c3\u03b1\u03c2 \u03bc\u03bf\u03bd\u03c4\u03ad\u03bb\u03bf\u03c5 \u03b8\u03b1 \u03b5\u03c0\u03b7\u03c1\u03b5\u03b1\u03c3\u03c4\u03bf\u03cd\u03bd \u03ac\u03bc\u03b5\u03c3\u03b1; <\/p>\r\n <div class=\"puzzle-options\" id=\"puzzle2Options\">\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(2, 1, this)\">\u039c\u03cc\u03bd\u03bf \u03bf\u03b9 \u03c1\u03bf\u03ad\u03c2 \u03b5\u03c3\u03cc\u03b4\u03c9\u03bd \u03ba\u03b1\u03b9 \u03b7 \u03b4\u03bf\u03bc\u03ae \u03ba\u03cc\u03c3\u03c4\u03bf\u03c5\u03c2<\/button>\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(2, 2, this)\">\u039a\u03c5\u03c1\u03af\u03c9\u03c2 \u03bf\u03b9 \u03b2\u03b1\u03c3\u03b9\u03ba\u03bf\u03af \u03c3\u03c5\u03bd\u03b5\u03c1\u03b3\u03ac\u03c4\u03b5\u03c2, \u03bf\u03b9 \u03b2\u03b1\u03c3\u03b9\u03ba\u03ad\u03c2 \u03b4\u03c1\u03b1\u03c3\u03c4\u03b7\u03c1\u03b9\u03cc\u03c4\u03b7\u03c4\u03b5\u03c2, \u03bf\u03b9 \u03c1\u03bf\u03ad\u03c2 \u03b5\u03c3\u03cc\u03b4\u03c9\u03bd, \u03b7 \u03b4\u03bf\u03bc\u03ae \u03ba\u03cc\u03c3\u03c4\u03bf\u03c5\u03c2, \u03b7 \u03c0\u03c1\u03cc\u03c4\u03b1\u03c3\u03b7 \u03b1\u03be\u03af\u03b1\u03c2 \u03ba\u03b1\u03b9 \u03c4\u03b1 \u03c4\u03bc\u03ae\u03bc\u03b1\u03c4\u03b1-\u03c3\u03c4\u03cc\u03c7\u03bf\u03b9.<\/button>\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(2, 3, this)\">\u039f\u03b9 \u03c0\u03c1\u03bf\u03c4\u03ac\u03c3\u03b5\u03b9\u03c2 Just Value \u03ba\u03b1\u03b9 \u03c4\u03bc\u03ae\u03bc\u03b1\u03c4\u03b1-\u03c3\u03c4\u03cc\u03c7\u03bf\u03b9<\/button>\r\n <\/div>\r\n <button class=\"download-btn\" onclick=\"checkPuzzle(2)\">\u0388\u03bb\u03b5\u03b3\u03c7\u03bf\u03c2 \u0391\u03c0\u03ac\u03bd\u03c4\u03b7\u03c3\u03b7\u03c2<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"story-section\" style=\"display: none;\">\r\n <div class=\"challenge\">\r\n <h4>\u03a0\u03a1\u039f\u039a\u039b\u0397\u03a3\u0397 3: \u0394\u03b9\u03b1\u03c6\u03bf\u03c1\u03bf\u03c0\u03bf\u03b9\u03b7\u03bc\u03ad\u03bd\u03b5\u03c2 \u03c0\u03c1\u03bf\u03c4\u03ac\u03c3\u03b5\u03b9\u03c2 \u03b1\u03be\u03af\u03b1\u03c2 \u03b3\u03b9\u03b1 \u03c4\u03b1 \u03bd\u03ad\u03b1 \u03c4\u03bc\u03ae\u03bc\u03b1\u03c4\u03b1 \u03c4\u03b7\u03c2 \u03b1\u03b3\u03bf\u03c1\u03ac\u03c2.<\/h4>\r\n <p>\u0395\u03c1\u03ce\u03c4\u03b7\u03c3\u03b7: \u03a0\u03cc\u03c3\u03b5\u03c2 \u03b4\u03b9\u03b1\u03c6\u03bf\u03c1\u03b5\u03c4\u03b9\u03ba\u03ad\u03c2 \u03c0\u03c1\u03bf\u03c4\u03ac\u03c3\u03b5\u03b9\u03c2 \u03b1\u03be\u03af\u03b1\u03c2 \u03b8\u03b1 \u03c7\u03c1\u03b5\u03b9\u03b1\u03c3\u03c4\u03b5\u03af \u03bd\u03b1 \u03b4\u03b9\u03b1\u03c7\u03b5\u03b9\u03c1\u03b9\u03c3\u03c4\u03b5\u03af \u03bf John \u03b3\u03b9\u03b1 \u03c4\u03bf\u03bd \u03bd\u03ad\u03bf \u03c3\u03c4\u03cc\u03c7\u03bf \u03c4\u03b7\u03c2 \u03b1\u03b3\u03bf\u03c1\u03ac\u03c2;<\/p>\r\n <div class=\"puzzle-options\" id=\"puzzle3Options\">\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(3, 1, this)\">\u039c\u03af\u03b1 \u03b5\u03ba\u03c4\u03b5\u03c4\u03b1\u03bc\u03ad\u03bd\u03b7 \u03c0\u03c1\u03cc\u03c4\u03b1\u03c3\u03b7 \u03b1\u03be\u03af\u03b1\u03c2 \u03b7 \u03bf\u03c0\u03bf\u03af\u03b1 \u03b8\u03b1 \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03ae\u03c3\u03b5\u03b9 \u03ba\u03b1\u03b9 \u03b3\u03b9\u03b1 \u03c4\u03b1 \u03c4\u03c1\u03af\u03b1 \u03bd\u03ad\u03b1 \u03c4\u03bc\u03ae\u03bc\u03b1\u03c4\u03b1.<\/button>\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(3, 2, this)\">\u039c\u03cc\u03bd\u03bf \u03b4\u03cd\u03bf, \u03ad\u03bd\u03b1 \u03b3\u03b9\u03b1 \u03b5\u03c0\u03b1\u03b3\u03b3\u03b5\u03bb\u03bc\u03b1\u03c4\u03b9\u03ba\u03bf\u03cd\u03c2 \u03ba\u03b1\u03b9 \u03ad\u03bd\u03b1 \u03b3\u03b9\u03b1 \u03bf\u03b9\u03ba\u03b9\u03b1\u03ba\u03bf\u03cd\u03c2 \u03c0\u03b5\u03bb\u03ac\u03c4\u03b5\u03c2.<\/button>\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(3, 3, this)\">\u03a4\u03c1\u03b5\u03b9\u03c2 \u03c0\u03c1\u03bf\u03c4\u03ac\u03c3\u03b5\u03b9\u03c2 - \u03bc\u03af\u03b1 \u03b3\u03b9\u03b1 \u03ba\u03c4\u03af\u03c1\u03b9\u03b1 \u03ba\u03b1\u03c4\u03bf\u03b9\u03ba\u03b9\u03ce\u03bd, \u03bc\u03af\u03b1 \u03ac\u03bb\u03bb\u03b7 \u03b3\u03b9\u03b1 \u03b5\u03bd\u03b5\u03c1\u03b3\u03b5\u03b9\u03b1\u03ba\u03ad\u03c2 \u03ba\u03bf\u03b9\u03bd\u03cc\u03c4\u03b7\u03c4\u03b5\u03c2 \u03ba\u03b1\u03b9 \u03ad\u03bd\u03b1 \u03ac\u03bb\u03bb\u03bf \u03b3\u03b9\u03b1 \u03b5\u03c0\u03b9\u03c7\u03b5\u03b9\u03c1\u03b7\u03bc\u03b1\u03c4\u03b9\u03ba\u03bf\u03cd\u03c2 \u03c0\u03b5\u03bb\u03ac\u03c4\u03b5\u03c2.<\/button>\r\n <\/div>\r\n <button class=\"download-btn\" onclick=\"checkPuzzle(3)\">\u0388\u03bb\u03b5\u03b3\u03c7\u03bf\u03c2 \u0391\u03c0\u03ac\u03bd\u03c4\u03b7\u03c3\u03b7\u03c2<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"story-section\" style=\"display: none;\">\r\n <div class=\"challenge\">\r\n <h4>\u03a0\u03a1\u039f\u039a\u039b\u0397\u03a3\u0397 4: \u039a\u03b1\u03b8\u03bf\u03c1\u03b9\u03c3\u03bc\u03cc\u03c2 \u03bd\u03ad\u03bf\u03c5 \u03c0\u03b5\u03c1\u03b9\u03b5\u03c7\u03bf\u03bc\u03ad\u03bd\u03bf\u03c5 \u03b3\u03b9\u03b1 \u03c4\u03b1 \u03b4\u03bf\u03bc\u03b9\u03ba\u03ac \u03c3\u03c4\u03bf\u03b9\u03c7\u03b5\u03af\u03b1 \u03c4\u03bf\u03c5 \u03ba\u03b1\u03bc\u03b2\u03ac \u03b5\u03c0\u03b9\u03c7\u03b5\u03b9\u03c1\u03b7\u03bc\u03b1\u03c4\u03b9\u03ba\u03bf\u03cd \u03bc\u03bf\u03bd\u03c4\u03ad\u03bb\u03bf\u03c5 \u03b1\u03bd\u03ac \u03c0\u03c1\u03cc\u03c4\u03b1\u03c3\u03b7 \u03b1\u03be\u03af\u03b1\u03c2.<\/h4>\r\n <p>\u0395\u03c1\u03ce\u03c4\u03b7\u03c3\u03b7 \u2013 \u03a0\u03bf\u03b9\u03bf\u03b9 \u03b5\u03af\u03bd\u03b1\u03b9 \u03bf\u03b9 \u03b2\u03b1\u03c3\u03b9\u03ba\u03bf\u03af \u03b5\u03c4\u03b1\u03af\u03c1\u03bf\u03b9 \u03c0\u03bf\u03c5 \u03c7\u03c1\u03b5\u03b9\u03ac\u03b6\u03bf\u03bd\u03c4\u03b1\u03b9 \u03b3\u03b9\u03b1 \u03c4\u03b7\u03bd \u03ba\u03b1\u03c4\u03b1\u03c3\u03ba\u03b5\u03c5\u03ae \u03ba\u03b1\u03c4\u03bf\u03b9\u03ba\u03b9\u03ce\u03bd \u03bd\u03ad\u03b1 \u03c0\u03c1\u03cc\u03c4\u03b1\u03c3\u03b7 \u03b1\u03be\u03af\u03b1\u03c2 \/ \u03bf\u03bc\u03ac\u03b4\u03b1-\u03c3\u03c4\u03cc\u03c7\u03bf\u03c2;<\/p>\r\n <div class=\"puzzle-options\" id=\"puzzle4Options\">\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(4, 1, this)\">\u039f\u03b9 \u03b5\u03c0\u03b9\u03c7\u03b5\u03b9\u03c1\u03b7\u03bc\u03b1\u03c4\u03b9\u03ba\u03ad\u03c2 \u03b5\u03bd\u03ce\u03c3\u03b5\u03b9\u03c2<\/button>\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(4, 2, this)\">\u039f\u03b9 \u03b9\u03b4\u03b9\u03bf\u03ba\u03c4\u03ae\u03c4\u03b5\u03c2 \u03c7\u03ce\u03c1\u03c9\u03bd \u03b3\u03b9\u03b1 \u03c4\u03b7\u03bd \u03b5\u03b3\u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7 \u03b7\u03bb\u03b9\u03b1\u03ba\u03ce\u03bd \u03ba\u03c5\u03c8\u03b5\u03bb\u03ce\u03bd \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03bc\u03bf\u03b9\u03c1\u03b1\u03c3\u03c4\u03bf\u03cd\u03bd \u03c4\u03b7\u03bd \u03c0\u03b1\u03c1\u03b1\u03b3\u03cc\u03bc\u03b5\u03bd\u03b7 \u03b5\u03bd\u03ad\u03c1\u03b3\u03b5\u03b9\u03b1.<\/button>\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(4, 3, this)\">\u039f\u03b9 \u03b1\u03c1\u03c7\u03b9\u03c4\u03ad\u03ba\u03c4\u03bf\u03bd\u03b5\u03c2 \u03bd\u03ad\u03c9\u03bd \u03ba\u03c4\u03b9\u03c1\u03af\u03c9\u03bd \u03ba\u03b1\u03b9 \u03ba\u03bf\u03b9\u03bd\u03bf\u03c4\u03ae\u03c4\u03c9\u03bd \u03b9\u03b4\u03b9\u03bf\u03ba\u03c4\u03b7\u03c4\u03ce\u03bd \u03c3\u03c4\u03b7\u03bd \u03c0\u03b5\u03c1\u03af\u03c0\u03c4\u03c9\u03c3\u03b7 \u03c5\u03c6\u03b9\u03c3\u03c4\u03ac\u03bc\u03b5\u03bd\u03c9\u03bd.<\/button>\r\n <\/div>\r\n <button class=\"download-btn\" onclick=\"checkPuzzle(4)\">\u0388\u03bb\u03b5\u03b3\u03c7\u03bf\u03c2 \u0391\u03c0\u03ac\u03bd\u03c4\u03b7\u03c3\u03b7\u03c2<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"story-section\" style=\"display: none;\">\r\n <div class=\"challenge\">\r\n <h4>\u03a0\u03a1\u039f\u039a\u039b\u0397\u03a3\u0397 5: \u03a0\u03ce\u03c2 \u03bd\u03b1 \u03b4\u03b7\u03bc\u03b9\u03bf\u03c5\u03c1\u03b3\u03ae\u03c3\u03b5\u03c4\u03b5 \u03ad\u03bd\u03b1 \u03bc\u03b5\u03c1\u03b9\u03ba\u03cc P&L \u03b3\u03b9\u03b1 \u03ba\u03ac\u03b8\u03b5 \u03c0\u03c1\u03cc\u03c4\u03b1\u03c3\u03b7 \u03b1\u03be\u03af\u03b1\u03c2 \u03ba\u03b1\u03b9 \u03c4\u03b1 \u03c3\u03c5\u03b3\u03ba\u03b5\u03ba\u03c1\u03b9\u03bc\u03ad\u03bd\u03b1 \u03c0\u03b5\u03c1\u03b9\u03b5\u03c7\u03cc\u03bc\u03b5\u03bd\u03b1 \u03b4\u03bf\u03bc\u03b9\u03ba\u03ce\u03bd \u03c3\u03c4\u03bf\u03b9\u03c7\u03b5\u03af\u03c9\u03bd \u03c4\u03bf\u03c5\u03c2.<\/h4>\r\n <p>\u0395\u03c1\u03ce\u03c4\u03b7\u03c3\u03b7 \u2013 \u03a4\u03b9 \u03b8\u03b1 \u03ba\u03b1\u03b8\u03bf\u03c1\u03af\u03c3\u03b5\u03b9 \u03c4\u03b7\u03bd \u03b1\u03bd\u03ac\u03b3\u03ba\u03b7 \u03bc\u03b5\u03c1\u03b9\u03ba\u03ae\u03c2 \u03c0\u03c1\u03cc\u03c4\u03b1\u03c3\u03b7\u03c2 P&Ls \u03b1\u03bd\u03ac \u03b1\u03be\u03af\u03b1;<\/p>\r\n <div class=\"puzzle-options\" id=\"puzzle5Options\">\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(5, 1, this)\">7 \u03b1\u03c0\u03cc \u03c4\u03b1 9 \u03b4\u03bf\u03bc\u03b9\u03ba\u03ac \u03c3\u03c4\u03bf\u03b9\u03c7\u03b5\u03af\u03b1 \u03b8\u03b1 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b4\u03b9\u03b1\u03c6\u03bf\u03c1\u03b5\u03c4\u03b9\u03ba\u03ac, \u03c4\u03bf \u03c0\u03b5\u03c1\u03b9\u03b5\u03c7\u03cc\u03bc\u03b5\u03bd\u03cc \u03c4\u03bf\u03c5\u03c2 \u03c3\u03c5\u03bd\u03b4\u03ad\u03b5\u03c4\u03b1\u03b9 \u03bc\u03b5 \u03c4\u03b1 \u03ad\u03c3\u03bf\u03b4\u03b1 \u03ba\u03b1\u03b9 \u03c4\u03bf \u03ba\u03cc\u03c3\u03c4\u03bf\u03c2, \u03c0\u03bf\u03c5 \u03b8\u03b1 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b5\u03c0\u03af\u03c3\u03b7\u03c2 \u03b4\u03b9\u03b1\u03c6\u03bf\u03c1\u03b5\u03c4\u03b9\u03ba\u03ac.<\/button>\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(5, 2, this)\">\u03a4\u03b1 \u03bc\u03ad\u03bb\u03b7 \u03c4\u03b7\u03c2 \u03bf\u03bc\u03ac\u03b4\u03b1\u03c2 \u03c0\u03bf\u03c5 \u03b5\u03af\u03bd\u03b1\u03b9 \u03c5\u03c0\u03b5\u03cd\u03b8\u03c5\u03bd\u03b1 \u03b3\u03b9\u03b1 \u03ba\u03ac\u03b8\u03b5 \u03b1\u03b3\u03bf\u03c1\u03ac \u03b8\u03b1 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b4\u03b9\u03b1\u03c6\u03bf\u03c1\u03b5\u03c4\u03b9\u03ba\u03ac.<\/button>\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(5, 3, this)\">\u0397 \u03b4\u03bf\u03bc\u03ae P&L \u03b8\u03b1 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b4\u03b9\u03b1\u03c6\u03bf\u03c1\u03b5\u03c4\u03b9\u03ba\u03ae.<\/button>\r\n <\/div>\r\n <button class=\"download-btn\" onclick=\"checkPuzzle(5)\">\u0388\u03bb\u03b5\u03b3\u03c7\u03bf\u03c2 \u0391\u03c0\u03ac\u03bd\u03c4\u03b7\u03c3\u03b7\u03c2<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"story-section\" style=\"display: none;\">\r\n <div class=\"challenge\">\r\n <h4>\u03a0\u03a1\u039f\u039a\u039b\u0397\u03a3\u0397 6: \u0395\u03bd\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u03c4\u03b7\u03c2 \u03c0\u03c1\u03cc\u03c4\u03b1\u03c3\u03b7\u03c2 \u03bc\u03b5\u03c1\u03b9\u03ba\u03ae\u03c2 \u03b1\u03be\u03af\u03b1\u03c2 P&L \u03c3\u03b5 \u03bc\u03b9\u03b1 \u03bf\u03bb\u03bf\u03ba\u03bb\u03b7\u03c1\u03c9\u03bc\u03ad\u03bd\u03b7.<\/h4>\r\n <p>\u0395\u03c1\u03ce\u03c4\u03b7\u03c3\u03b7: \u0393\u03b9\u03b1\u03c4\u03af \u03c0\u03c1\u03ad\u03c0\u03b5\u03b9 \u03bd\u03b1 \u03b5\u03bd\u03c3\u03c9\u03bc\u03b1\u03c4\u03ce\u03c3\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b1 \u03b4\u03b9\u03b1\u03c6\u03bf\u03c1\u03b5\u03c4\u03b9\u03ba\u03ac P&Ls;<\/p>\r\n <div class=\"puzzle-options\" id=\"puzzle6Options\">\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(6, 1, this)\">\u0395\u03c0\u03b5\u03b9\u03b4\u03ae \u03c4\u03bf \u03bf\u03b9\u03ba\u03bf\u03bd\u03bf\u03bc\u03b9\u03ba\u03cc \u03c4\u03bc\u03ae\u03bc\u03b1 \u03b4\u03b5\u03bd \u03bc\u03c0\u03bf\u03c1\u03b5\u03af \u03bd\u03b1 \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03ae\u03c3\u03b5\u03b9 \u03bc\u03b5 \u03bc\u03b5\u03c1\u03b9\u03ba\u03ac P&Ls<\/button>\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(6, 2, this)\">\u0395\u03c0\u03b5\u03b9\u03b4\u03ae \u03c0\u03c1\u03ad\u03c0\u03b5\u03b9 \u03bd\u03b1 \u03b3\u03bd\u03c9\u03c1\u03af\u03b6\u03bf\u03c5\u03bc\u03b5 \u03c4\u03bf\u03c5\u03c2 \u03bf\u03b9\u03ba\u03bf\u03bd\u03bf\u03bc\u03b9\u03ba\u03bf\u03cd\u03c2 \u03b4\u03b5\u03af\u03ba\u03c4\u03b5\u03c2 \u03c4\u03b7\u03c2 \u03b5\u03c0\u03b9\u03c7\u03b5\u03af\u03c1\u03b7\u03c3\u03b7\u03c2 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b2\u03c1\u03bf\u03cd\u03bc\u03b5 \u03c0\u03b5\u03c1\u03b9\u03bf\u03c1\u03b9\u03c3\u03bc\u03bf\u03cd\u03c2 \u03c0\u03c1\u03bf\u03c2 \u03b5\u03c0\u03af\u03bb\u03c5\u03c3\u03b7, \u03c0\u03c1\u03b9\u03bd \u03be\u03b5\u03ba\u03b9\u03bd\u03ae\u03c3\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b7 \u03bc\u03b5\u03c4\u03ac\u03b2\u03b1\u03c3\u03b7 \u03c3\u03c4\u03b7\u03bd \u03b1\u03b3\u03bf\u03c1\u03ac.<\/button>\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(6, 3, this)\">\u0395\u03c0\u03b5\u03b9\u03b4\u03ae \u03b1\u03c5\u03c4\u03cc\u03c2 \u03b5\u03af\u03bd\u03b1\u03b9 \u03bf \u03c0\u03b1\u03c1\u03b1\u03b4\u03bf\u03c3\u03b9\u03b1\u03ba\u03cc\u03c2 \u03c4\u03c1\u03cc\u03c0\u03bf\u03c2 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b4\u03b5\u03af\u03c4\u03b5 \u03b1\u03c5\u03c4\u03ad\u03c2 \u03c4\u03b9\u03c2 \u03c0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03af\u03b5\u03c2.<\/button>\r\n <\/div>\r\n <button class=\"download-btn\" onclick=\"checkPuzzle(6)\">\u0388\u03bb\u03b5\u03b3\u03c7\u03bf\u03c2 \u0391\u03c0\u03ac\u03bd\u03c4\u03b7\u03c3\u03b7\u03c2<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"story-section\" style=\"display: none;\">\r\n <div class=\"challenge\">\r\n <h4>\u03a0\u03a1\u039f\u039a\u039b\u0397\u03a3\u0397 7: \u0395\u03c0\u03af\u03bb\u03c5\u03c3\u03b7 \u03c0\u03b5\u03c1\u03b9\u03bf\u03c1\u03b9\u03c3\u03bc\u03ce\u03bd \u03ba\u03b1\u03b9 \u03c0\u03b5\u03c1\u03b9\u03bf\u03c1\u03b9\u03c3\u03bc\u03ce\u03bd \u03c3\u03c4\u03bf \u03bd\u03ad\u03bf \u03b5\u03bd\u03bf\u03c0\u03bf\u03b9\u03b7\u03bc\u03ad\u03bd\u03bf P&L<\/h4>\r\n <p>\u0395\u03c1\u03ce\u03c4\u03b7\u03c3\u03b7 - \u03a3\u03c4\u03b7\u03bd \u03b5\u03c0\u03b9\u03c7\u03b5\u03af\u03c1\u03b7\u03c3\u03b7 \u03c4\u03bf\u03c5 John \u03ba\u03b1\u03c4\u03ac \u03c4\u03b7\u03bd \u03b5\u03bd\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u03c4\u03c9\u03bd P&Ls \u03c0\u03b1\u03c1\u03b1\u03c4\u03b7\u03c1\u03bf\u03cd\u03bc\u03b5 \u03cc\u03c4\u03b9 \u03b4\u03b5\u03bd \u03ad\u03c7\u03bf\u03c5\u03bd \u03b1\u03c1\u03ba\u03b5\u03c4\u03bf\u03af \u03ac\u03bc\u03b5\u03c3\u03bf\u03b9 \u03c0\u03c9\u03bb\u03b7\u03c4\u03ad\u03c2 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03c0\u03b1\u03c1\u03b1\u03ba\u03bf\u03bb\u03bf\u03c5\u03b8\u03ae\u03c3\u03bf\u03c5\u03bd \u03c4\u03b9\u03c2 \u03c4\u03c1\u03b5\u03b9\u03c2 \u03b1\u03b3\u03bf\u03c1\u03ad\u03c2. \u03a0\u03ce\u03c2 \u03b8\u03b1 \u03bb\u03cd\u03c3\u03b5\u03c4\u03b5 \u03b1\u03c5\u03c4\u03cc \u03c4\u03bf \u03b6\u03ae\u03c4\u03b7\u03bc\u03b1 \u03bc\u03b5 \u03c4\u03bf\u03bd \u03c0\u03b9\u03bf \u03ba\u03b5\u03c1\u03b4\u03bf\u03c6\u03cc\u03c1\u03bf \u03c4\u03c1\u03cc\u03c0\u03bf, \u03c7\u03c9\u03c1\u03af\u03c2 \u03b1\u03cd\u03be\u03b7\u03c3\u03b7 \u03c4\u03b7\u03c2 \u03c7\u03c1\u03ae\u03c3\u03b7\u03c2 \u03ba\u03b5\u03c6\u03b1\u03bb\u03b1\u03af\u03bf\u03c5 \u03ba\u03af\u03bd\u03b7\u03c3\u03b7\u03c2;<\/p>\r\n <div class=\"puzzle-options\" id=\"puzzle7Options\">\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(7, 1, this)\">\u039c\u03b5 \u03bc\u03b5\u03af\u03c9\u03c3\u03b7 \u03c4\u03b7\u03c2 \u03bf\u03bc\u03ac\u03b4\u03b1\u03c2 \u03c0\u03c9\u03bb\u03ae\u03c3\u03b5\u03c9\u03bd \u03c3\u03c4\u03b7 \u03bb\u03b9\u03b3\u03cc\u03c4\u03b5\u03c1\u03bf \u03ba\u03b5\u03c1\u03b4\u03bf\u03c6\u03cc\u03c1\u03b1 \u03b1\u03b3\u03bf\u03c1\u03ac.<\/button>\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(7, 2, this)\">\u039c\u03b5 \u03c7\u03c1\u03ae\u03c3\u03b7 \u03ad\u03bc\u03bc\u03b5\u03c3\u03c9\u03bd \u03ba\u03b1\u03bd\u03b1\u03bb\u03b9\u03ce\u03bd \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b4\u03b9\u03b1\u03c4\u03b7\u03c1\u03b7\u03b8\u03b5\u03af \u03b7 \u03c0\u03af\u03b5\u03c3\u03b7 \u03c4\u03c9\u03bd \u03c0\u03c9\u03bb\u03ae\u03c3\u03b5\u03c9\u03bd \u03c3\u03b5 \u03cc\u03bb\u03b1 \u03c4\u03b1 \u03c4\u03bc\u03ae\u03bc\u03b1\u03c4\u03b1.<\/button>\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(7, 3, this)\">\u039c\u03b5 \u03c0\u03c1\u03cc\u03c3\u03bb\u03b7\u03c8\u03b7 \u03c0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03c9\u03bd \u03c0\u03c9\u03bb\u03b7\u03c4\u03ce\u03bd \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03c0\u03b1\u03c1\u03b1\u03ba\u03bf\u03bb\u03bf\u03c5\u03b8\u03bf\u03cd\u03bd\u03c4\u03b1\u03b9 \u03c3\u03c9\u03c3\u03c4\u03ac \u03cc\u03bb\u03b1 \u03c4\u03b1 \u03c4\u03bc\u03ae\u03bc\u03b1\u03c4\u03b1 \u03ba\u03b1\u03b9 \u03bf\u03b9 \u03c0\u03b5\u03bb\u03ac\u03c4\u03b5\u03c2.<\/button>\r\n <\/div>\r\n <button class=\"download-btn\" onclick=\"checkPuzzle(7)\">\u0388\u03bb\u03b5\u03b3\u03c7\u03bf\u03c2 \u0391\u03c0\u03ac\u03bd\u03c4\u03b7\u03c3\u03b7\u03c2<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"story-section\" style=\"display: none;\">\r\n <div class=\"challenge\">\r\n <h4>\u03a0\u03a1\u039f\u039a\u039b\u0397\u03a3\u0397 8: \u0394\u03b9\u03b1\u03c6\u03bf\u03c1\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u03ba\u03b1\u03b9 \u03b5\u03bd\u03c3\u03c9\u03bc\u03ac\u03c4\u03c9\u03c3\u03b7 \u03c3\u03c4\u03bf\u03c5\u03c2 \u03b2\u03b1\u03c3\u03b9\u03ba\u03bf\u03cd\u03c2 \u03b4\u03b5\u03af\u03ba\u03c4\u03b5\u03c2 \u03b5\u03c0\u03b9\u03b4\u03cc\u03c3\u03b5\u03c9\u03bd \u03c0\u03bf\u03c5 \u03c3\u03c5\u03bd\u03b4\u03ad\u03bf\u03bd\u03c4\u03b1\u03b9 \u03bc\u03b5 \u03c4\u03bf P&L.<\/h4>\r\n <p>\u0395\u03c1\u03ce\u03c4\u03b7\u03c3\u03b7: \u03a0\u03ce\u03c2 \u03b8\u03b1 \u03b5\u03be\u03b9\u03c3\u03bf\u03c1\u03c1\u03bf\u03c0\u03ae\u03c3\u03b5\u03c4\u03b5 \u03c4\u03b7 \u03b4\u03b9\u03b1\u03c6\u03bf\u03c1\u03b5\u03c4\u03b9\u03ba\u03ae \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03af\u03b1 \u03c3\u03b5 \u03ba\u03ac\u03b8\u03b5 \u03b1\u03b3\u03bf\u03c1\u03ac \u03ba\u03b1\u03b9 \u03c4\u03b7\u03bd \u03b1\u03bd\u03ac\u03b3\u03ba\u03b7 \u03b5\u03bd\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7\u03c2 \u03b3\u03b9\u03b1 \u03bc\u03b9\u03b1 \u03c3\u03c4\u03c1\u03b1\u03c4\u03b7\u03b3\u03b9\u03ba\u03ae \u03ac\u03c0\u03bf\u03c8\u03b7;<\/p>\r\n <div class=\"puzzle-options\" id=\"puzzle8Options\">\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(8, 1, this)\">\u039c\u03b5 \u03b1\u03bd\u03ac\u03b8\u03b5\u03c3\u03b7 \u03b5\u03c0\u03b9\u03c7\u03b5\u03b9\u03c1\u03b7\u03c3\u03b9\u03b1\u03ba\u03ae\u03c2 \u03b1\u03bd\u03b1\u03b8\u03b5\u03ce\u03c1\u03b7\u03c3\u03b7\u03c2 \u03ba\u03b1\u03b9 \u03c3\u03c4\u03c1\u03b1\u03c4\u03b7\u03b3\u03b9\u03ba\u03ae\u03c2 \u03b1\u03bd\u03b1\u03b8\u03b5\u03ce\u03c1\u03b7\u03c3\u03b7\u03c2 \u03c3\u03b5 \u03b4\u03b9\u03b1\u03c6\u03bf\u03c1\u03b5\u03c4\u03b9\u03ba\u03ac \u03bc\u03ad\u03bb\u03b7 \u03c4\u03b7\u03c2 \u03bf\u03bc\u03ac\u03b4\u03b1\u03c2.<\/button>\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(8, 2, this)\">\u039c\u03b5 \u03c0\u03c1\u03b1\u03b3\u03bc\u03b1\u03c4\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u03c4\u03c1\u03b9\u03bc\u03b7\u03bd\u03b9\u03b1\u03af\u03b1\u03c2 \u03b1\u03bd\u03b1\u03c3\u03ba\u03cc\u03c0\u03b7\u03c3\u03b7\u03c2 \u03b3\u03b9\u03b1 \u03c4\u03b9\u03c2 \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03af\u03b5\u03c2 \u03ba\u03b1\u03b9 \u03b5\u03c4\u03ae\u03c3\u03b9\u03b1\u03c2 \u03b1\u03bd\u03b1\u03c3\u03ba\u03cc\u03c0\u03b7\u03c3\u03b7\u03c2 \u03c4\u03c9\u03bd KPIs \u03b3\u03b9\u03b1 \u03c4\u03b7 \u03c3\u03c4\u03c1\u03b1\u03c4\u03b7\u03b3\u03b9\u03ba\u03ae.<\/button>\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(8, 3, this)\">\u039c\u03b5 \u03b4\u03b7\u03bc\u03b9\u03bf\u03c5\u03c1\u03b3\u03af\u03b1 \u03b4\u03b9\u03b1\u03c6\u03bf\u03c1\u03bf\u03c0\u03bf\u03b9\u03b7\u03bc\u03ad\u03bd\u03c9\u03bd \u03c0\u03b9\u03bd\u03ac\u03ba\u03c9\u03bd \u03b1\u03c0\u03bf\u03c4\u03b5\u03bb\u03b5\u03c3\u03bc\u03ac\u03c4\u03c9\u03bd KPIs \u03b3\u03b9\u03b1 \u03ba\u03ac\u03b8\u03b5 \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03b9\u03ba\u03ae \u03b4\u03b9\u03b1\u03c7\u03b5\u03af\u03c1\u03b9\u03c3\u03b7 \u03c0\u03c1\u03cc\u03c4\u03b1\u03c3\u03b7\u03c2 \u03b1\u03be\u03af\u03b1\u03c2 \u03ba\u03b1\u03b9 \u03b5\u03bd\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03ae \u03c4\u03bf\u03c5\u03c2 \u03c3\u03c4\u03bf\u03c5\u03c2 \u03ba\u03cd\u03c1\u03b9\u03bf\u03c5\u03c2 \u03bf\u03b9\u03ba\u03bf\u03bd\u03bf\u03bc\u03b9\u03ba\u03bf\u03cd\u03c2 \u03b4\u03b5\u03af\u03ba\u03c4\u03b5\u03c2 \u03b3\u03b9\u03b1 \u03c4\u03b7 \u03bb\u03ae\u03c8\u03b7 \u03c3\u03c4\u03c1\u03b1\u03c4\u03b7\u03b3\u03b9\u03ba\u03ce\u03bd \u03b1\u03c0\u03bf\u03c6\u03ac\u03c3\u03b5\u03c9\u03bd<\/button>\r\n <\/div>\r\n <button class=\"download-btn\" onclick=\"checkPuzzle(8)\">\u0388\u03bb\u03b5\u03b3\u03c7\u03bf\u03c2 \u0391\u03c0\u03ac\u03bd\u03c4\u03b7\u03c3\u03b7\u03c2<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"escape-room\">\r\n <h2>Escape Room<\/h2>\r\n <p>\u0394\u03bf\u03ba\u03b9\u03bc\u03ac\u03c3\u03c4\u03b5 \u03c4\u03bf\u03bd \u03b5\u03b1\u03c5\u03c4\u03cc \u03c3\u03b1\u03c2 \u03ba\u03b1\u03b9 \u03c4\u03b7\u03bd \u03ba\u03b1\u03c4\u03b1\u03bd\u03cc\u03b7\u03c3\u03ae \u03c3\u03b1\u03c2 \u03bc\u03b5 \u03c4\u03bf \u03c8\u03b7\u03c6\u03b9\u03b1\u03ba\u03cc escape room, \u03b1\u03bd\u03b1\u03bb\u03bf\u03b3\u03b9\u03b6\u03cc\u03bc\u03b5\u03bd\u03bf\u03b9 \u03c4\u03b9\u03c2 \u03c0\u03c1\u03bf\u03b7\u03b3\u03bf\u03cd\u03bc\u03b5\u03bd\u03b5\u03c2 \u03b3\u03bd\u03ce\u03c3\u03b5\u03b9\u03c2 \u03ba\u03b1\u03b9 \u03b5\u03bc\u03c0\u03b5\u03b9\u03c1\u03af\u03b5\u03c2 \u03c4\u03b7\u03c2 \u03b5\u03bd\u03cc\u03c4\u03b7\u03c4\u03ac\u03c2 \u03c3\u03b1\u03c2.<\/p>\r\n <button class=\"download-btn\" onclick=\"enterEscapeRoom()\">\r\n <i class=\"fas fa-door-open\"><\/i> \u039c\u03c0\u03b5\u03af\u03c4\u03b5 \u03c3\u03c4\u03bf Escape Room\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"quiz-section\">\r\n <h2>\u03a4\u03b5\u03c3\u03c4\u03ac\u03c1\u03b5\u03c4\u03b5 \u03c4\u03b9\u03c2 \u03b3\u03bd\u03ce\u03c3\u03b5\u03b9\u03c2 \u03c3\u03b1\u03c2<\/h2>\r\n <button class=\"download-btn\" onclick=\"startQuiz()\">\r\n <i class=\"fas fa-play\"><\/i> \u039e\u03b5\u03ba\u03b9\u03bd\u03ae\u03c3\u03c4\u03b5 \u03c4\u03bf Quiz\r\n <\/button>\r\n <\/div>\r\n\r\n <!-- Quiz Section -->\r\n <div id=\"quizModal\" class=\"modal\">\r\n <div class=\"modal-content\">\r\n <span class=\"close-modal\" onclick=\"closeQuiz()\">×<\/span>\r\n <h2>Financial Literacy Quiz<\/h2>\r\n <div class=\"progress-bar\">\r\n <div class=\"progress\" id=\"quizProgress\"><\/div>\r\n <\/div>\r\n <div id=\"quizContent\">\r\n <div class=\"quiz-question\">\r\n <h3>\u0395\u03c1\u03ce\u03c4\u03b7\u03c3\u03b7 1 \u2013 \u03a0\u03bf\u03b9\u03b1 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b7 \u039f\u03b9\u03ba\u03bf\u03bd\u03bf\u03bc\u03b9\u03ba\u03ae \u039a\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7 \u03c0\u03bf\u03c5 \u03b1\u03bd\u03c4\u03b9\u03ba\u03b1\u03c4\u03bf\u03c0\u03c4\u03c1\u03af\u03b6\u03b5\u03b9 \u03c4\u03b7\u03bd \u03c0\u03b5\u03c1\u03b9\u03bf\u03c5\u03c3\u03b9\u03b1\u03ba\u03ae \u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7 \u03c4\u03b7\u03c2 \u03b5\u03c4\u03b1\u03b9\u03c1\u03b5\u03af\u03b1\u03c2;<\/h3>\r\n <div class=\"quiz-options\">\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(1, 1)\">\u03a4\u03bf \u03c6\u03cd\u03bb\u03bb\u03bf \u03b1\u03c0\u03bf\u03c4\u03b5\u03bb\u03b5\u03c3\u03bc\u03ac\u03c4\u03c9\u03bd \u03c7\u03c1\u03ae\u03c3\u03b7\u03c2 (\u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7 \u03bb\u03bf\u03b3\u03b1\u03c1\u03b9\u03b1\u03c3\u03bc\u03bf\u03cd \u03b1\u03c0\u03bf\u03c4\u03b5\u03bb\u03b5\u03c3\u03bc\u03ac\u03c4\u03c9\u03bd)<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(1, 2)\">\u0397 \u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7 \u03c4\u03b1\u03bc\u03b5\u03b9\u03b1\u03ba\u03ce\u03bd \u03c1\u03bf\u03ce\u03bd<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(1, 3)\">\u039f \u03b9\u03c3\u03bf\u03bb\u03bf\u03b3\u03b9\u03c3\u03bc\u03cc\u03c2<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(1, 4)\">\u03a4\u03bf \u03bc\u03b9\u03ba\u03c4\u03cc \u03c0\u03b5\u03c1\u03b9\u03b8\u03ce\u03c1\u03b9\u03bf \u03ba\u03ad\u03c1\u03b4\u03bf\u03c5\u03c2<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"quiz-question\" style=\"display: none;\">\r\n <h3>\u0395\u03c1\u03ce\u03c4\u03b7\u03bc\u03b1 2 \u2013 \u03a0\u03bf\u03b9\u03bf \u03b5\u03af\u03bd\u03b1\u03b9 \u03c4\u03bf \u03b1\u03c0\u03bf\u03c4\u03ad\u03bb\u03b5\u03c3\u03bc\u03b1 \u03c4\u03b7\u03c2 \u03c3\u03c5\u03bd\u03b5\u03c7\u03bf\u03cd\u03c2 \u03bc\u03b5\u03af\u03c9\u03c3\u03b7\u03c2 \u03c4\u03c9\u03bd \u03c4\u03b9\u03bc\u03ce\u03bd \u03c4\u03c9\u03bd \u03b5\u03c0\u03b9\u03c7\u03b5\u03b9\u03c1\u03ae\u03c3\u03b5\u03c9\u03bd \u03c7\u03c9\u03c1\u03af\u03c2 \u03b1\u03bd\u03b1\u03bb\u03bf\u03b3\u03b9\u03ba\u03ae \u03bc\u03b5\u03af\u03c9\u03c3\u03b7 \u03c4\u03c9\u03bd COGS;<\/h3>\r\n <div class=\"quiz-options\">\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(2, 1)\">\u0397 \u03bc\u03b5\u03af\u03c9\u03c3\u03b7 \u03bc\u03b9\u03ba\u03c4\u03bf\u03cd \u03c0\u03b5\u03c1\u03b9\u03b8\u03c9\u03c1\u03af\u03bf\u03c5 \u03ba\u03ad\u03c1\u03b4\u03bf\u03c5\u03c2<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(2, 2)\">\u0397 \u03bc\u03b5\u03af\u03c9\u03c3\u03b7 \u03ba\u03b5\u03c1\u03b4\u03ce\u03bd<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(2, 3)\">\u03a4\u03bf \u03b1\u03bd\u03c4\u03b1\u03b3\u03c9\u03bd\u03b9\u03c3\u03c4\u03b9\u03ba\u03cc \u03c0\u03bb\u03b5\u03bf\u03bd\u03ad\u03ba\u03c4\u03b7\u03bc\u03b1<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(2, 4)\">\u0397 \u03ad\u03bc\u03bc\u03b5\u03c3\u03b7 \u03bc\u03b5\u03af\u03c9\u03c3\u03b7 \u03c4\u03bf\u03c5 \u03ba\u03cc\u03c3\u03c4\u03bf\u03c5\u03c2<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"quiz-question\" style=\"display: none;\">\r\n <h3>\u0395\u03c1\u03ce\u03c4\u03b7\u03c3\u03b7 3 \u2013 \u03a0\u03bf\u03cd \u03c0\u03c1\u03ad\u03c0\u03b5\u03b9 \u03bd\u03b1 \u03b5\u03c3\u03c4\u03b9\u03ac\u03c3\u03b5\u03c4\u03b5 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b2\u03b5\u03bb\u03c4\u03b9\u03ce\u03c3\u03b5\u03c4\u03b5 \u03c4\u03bf \u03bc\u03b9\u03ba\u03c4\u03cc \u03c0\u03b5\u03c1\u03b9\u03b8\u03ce\u03c1\u03b9\u03bf \u03ba\u03ad\u03c1\u03b4\u03bf\u03c5\u03c2 \u03c3\u03b1\u03c2 \u03b5\u03ac\u03bd \u03b4\u03b5\u03bd \u03b5\u03af\u03bd\u03b1\u03b9 \u03b4\u03c5\u03bd\u03b1\u03c4\u03ae \u03b7 \u03b1\u03cd\u03be\u03b7\u03c3\u03b7 \u03c4\u03c9\u03bd \u03c4\u03b9\u03bc\u03ce\u03bd;<\/h3>\r\n <div class=\"quiz-options\">\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(3, 1)\">\u039c\u03b5\u03c4\u03ac\u03b2\u03b1\u03c3\u03b7 \u03c3\u03c4\u03b9\u03c2 \u03ad\u03bc\u03bc\u03b5\u03c3\u03b5\u03c2 \u03b4\u03b1\u03c0\u03ac\u03bd\u03b5\u03c2<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(3, 2)\">\u03a3\u03c4\u03bf \u03ba\u03cc\u03c3\u03c4\u03bf\u03c2 \u03c4\u03c9\u03bd \u03ba\u03b1\u03bb\u03ce\u03bd \u03c0\u03c9\u03bb\u03ae\u03c3\u03b5\u03c9\u03bd (COGS)<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(3, 3)\">\u03a3\u03c4\u03bf \u03b2\u03c1\u03b1\u03c7\u03c5\u03c0\u03c1\u03cc\u03b8\u03b5\u03c3\u03bc\u03bf \u03c7\u03c1\u03ad\u03bf\u03c2<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(3, 4)\">\u03a3\u03c4\u03bf \u03bc\u03b1\u03ba\u03c1\u03bf\u03c0\u03c1\u03cc\u03b8\u03b5\u03c3\u03bc\u03bf \u03c7\u03c1\u03ad\u03bf\u03c2<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"quiz-question\" style=\"display: none;\">\r\n <h3>\u0395\u03c1\u03ce\u03c4\u03b7\u03c3\u03b7 4 \u2013 \u03a0\u03bf\u03b9\u03bf \u03b5\u03c1\u03b3\u03b1\u03bb\u03b5\u03af\u03bf \u03b4\u03b5\u03af\u03c7\u03bd\u03b5\u03b9 \u03c4\u03b1 \u03bf\u03b9\u03ba\u03bf\u03bd\u03bf\u03bc\u03b9\u03ba\u03ac \u03b4\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03b1 \u03c0\u03bf\u03c5 \u03b5\u03c0\u03b7\u03c1\u03b5\u03ac\u03b6\u03bf\u03c5\u03bd \u03bc\u03b9\u03b1 \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03af\u03b1 \u03ae \u03ad\u03bd\u03b1 \u03c4\u03bc\u03ae\u03bc\u03b1 \u03c4\u03b7\u03c2 \u03b5\u03c4\u03b1\u03b9\u03c1\u03b5\u03af\u03b1\u03c2;<\/h3>\r\n <div class=\"quiz-options\">\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(4, 1)\">\u0397 \u03b4\u03b9\u03b1\u03c7\u03b5\u03af\u03c1\u03b9\u03c3\u03b7 \u03c0\u03b5\u03bb\u03b1\u03c4\u03b5\u03b9\u03b1\u03ba\u03ce\u03bd \u03c3\u03c7\u03ad\u03c3\u03b5\u03c9\u03bd (CRM)<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(4, 2)\">\u0397 \u03b4\u03b9\u03b1\u03c7\u03b5\u03af\u03c1\u03b9\u03c3\u03b7 \u0395\u03c6\u03bf\u03b4\u03b9\u03b1\u03c3\u03c4\u03b9\u03ba\u03ae\u03c2 \u0391\u03bb\u03c5\u03c3\u03af\u03b4\u03b1\u03c2 (SCM)<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(4, 3)\">\u0397 \u0394\u03b9\u03bf\u03af\u03ba\u03b7\u03c3\u03b7 \u03a0\u03c9\u03bb\u03ae\u03c3\u03b5\u03c9\u03bd & \u039b\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03af\u03b1\u03c2 (SOP)<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(4, 4)\">\u039f \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03b9\u03ba\u03cc\u03c2 \u03bf\u03b9\u03ba\u03bf\u03bd\u03bf\u03bc\u03b9\u03ba\u03cc\u03c2 \u03c0\u03af\u03bd\u03b1\u03ba\u03b1\u03c2 \u03b1\u03c0\u03bf\u03c4\u03b5\u03bb\u03b5\u03c3\u03bc\u03ac\u03c4\u03c9\u03bd<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"quiz-question\" style=\"display: none;\">\r\n <h3>\u0395\u03c1\u03ce\u03c4\u03b7\u03c3\u03b7 5 \u2013 \u03a0\u03ce\u03c2 \u03bc\u03c0\u03bf\u03c1\u03bf\u03cd\u03bc\u03b5 \u03bd\u03b1 \u03c0\u03c1\u03bf\u03c3\u03c4\u03b1\u03c4\u03b5\u03cd\u03c3\u03bf\u03c5\u03bc\u03b5 \u03b1\u03c0\u03bf\u03c4\u03b5\u03bb\u03b5\u03c3\u03bc\u03b1\u03c4\u03b9\u03ba\u03ac \u03c4\u03b7\u03bd \u03c0\u03c1\u03cc\u03c4\u03b1\u03c3\u03b7 \u03b1\u03be\u03af\u03b1\u03c2 \u03bc\u03b1\u03c2 \u03b1\u03c0\u03cc \u03bf\u03b9\u03ba\u03bf\u03bd\u03bf\u03bc\u03b9\u03ba\u03ae \u03ac\u03c0\u03bf\u03c8\u03b7;<\/h3>\r\n <div class=\"quiz-options\">\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(5, 1)\">\u039c\u03ad\u03c3\u03c9 \u03c4\u03b7\u03c2 \u03b5\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03af\u03b1\u03c2 \u03c4\u03b7\u03c2 \u03c0\u03c1\u03cc\u03c4\u03b1\u03c3\u03b7\u03c2 \u03b1\u03be\u03af\u03b1\u03c2 \u03c3\u03b5 \u03bf\u03bb\u03cc\u03ba\u03bb\u03b7\u03c1\u03bf \u03c4\u03bf\u03bd \u03bf\u03c1\u03b3\u03b1\u03bd\u03b9\u03c3\u03bc\u03cc<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(5, 2)\">\u039c\u03b5 \u03ba\u03b1\u03b8\u03bf\u03c1\u03b9\u03c3\u03bc\u03cc \u03c5\u03c8\u03b7\u03bb\u03cc\u03c4\u03b5\u03c1\u03c9\u03bd \u03c4\u03b9\u03bc\u03ce\u03bd<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(5, 3)\">\u039c\u03b5 \u03b5\u03c0\u03ad\u03bd\u03b4\u03c5\u03c3\u03b7 \u03c3\u03b5 \u03c7\u03b1\u03c1\u03b1\u03ba\u03c4\u03b7\u03c1\u03b9\u03c3\u03c4\u03b9\u03ba\u03ac \u03c0\u03bf\u03c5 \u03c3\u03c5\u03bd\u03b4\u03ad\u03bf\u03bd\u03c4\u03b1\u03b9 \u03bc\u03b5 \u03c4\u03b7\u03bd \u03c0\u03c1\u03cc\u03c4\u03b1\u03c3\u03b7 \u03b1\u03be\u03af\u03b1\u03c2 \u03bc\u03b1\u03c2<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(5, 4)\">\u039c\u03b5 \u03b5\u03c0\u03ad\u03bd\u03b4\u03c5\u03c3\u03b7 \u03c3\u03c4\u03b7\u03bd \u03b5\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03af\u03b1 \u03bc\u03b5 \u03c4\u03bf\u03c5\u03c2 \u03c0\u03b5\u03bb\u03ac\u03c4\u03b5\u03c2<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"quiz-question\" style=\"display: none;\">\r\n <h3>\u0395\u03c1\u03ce\u03c4\u03b7\u03c3\u03b7 6 \u2013 \u03a0\u03bf\u03b9\u03bf\u03c2 \u03b8\u03b1 \u03b5\u03af\u03bd\u03b1\u03b9 \u03ad\u03bd\u03b1\u03c2 \u03b1\u03c0\u03bf\u03c4\u03b5\u03bb\u03b5\u03c3\u03bc\u03b1\u03c4\u03b9\u03ba\u03cc\u03c2 \u03c4\u03c1\u03cc\u03c0\u03bf\u03c2 \u03b4\u03b9\u03ac\u03b4\u03bf\u03c3\u03b7\u03c2 \u03c4\u03c9\u03bd \u03bf\u03b9\u03ba\u03bf\u03bd\u03bf\u03bc\u03b9\u03ba\u03ce\u03bd \u03c3\u03c4\u03cc\u03c7\u03c9\u03bd \u03c3\u03b5 \u03bf\u03bb\u03cc\u03ba\u03bb\u03b7\u03c1\u03bf \u03c4\u03bf\u03bd \u03bf\u03c1\u03b3\u03b1\u03bd\u03b9\u03c3\u03bc\u03cc;<\/h3>\r\n <div class=\"quiz-options\">\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(6, 1)\">\u039c\u03b9\u03bb\u03ae\u03c3\u03c4\u03b5 \u03c0\u03bf\u03bb\u03cd \u03c3\u03c5\u03c7\u03bd\u03ac \u03b3\u03b9\u03b1 \u03b1\u03c5\u03c4\u03cc \u03bc\u03b5 \u03c4\u03b7\u03bd \u03bf\u03bc\u03ac\u03b4\u03b1 \u03c3\u03b1\u03c2<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(6, 2)\">\u0394\u03b9\u03b1\u03bd\u03bf\u03bc\u03ae \u03b5\u03bd\u03b7\u03bc\u03b5\u03c1\u03c9\u03c4\u03b9\u03ba\u03ce\u03bd \u03b4\u03b5\u03bb\u03c4\u03af\u03c9\u03bd \u03bf\u03b9\u03ba\u03bf\u03bd\u03bf\u03bc\u03b9\u03ba\u03ce\u03bd \u03c0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03b9\u03ce\u03bd<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(6, 3)\">\u0394\u03b7\u03bc\u03b9\u03bf\u03c5\u03c1\u03b3\u03ae\u03c3\u03c4\u03b5 \u03ad\u03bd\u03b1 \u03c3\u03c7\u03ae\u03bc\u03b1 KPIs \u03cc\u03c0\u03bf\u03c5 \u03c3\u03c5\u03bd\u03b4\u03ad\u03b5\u03c4\u03b5 \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03b9\u03ba\u03bf\u03cd\u03c2 \u03c3\u03c4\u03cc\u03c7\u03bf\u03c5\u03c2 \u03bc\u03b5 \u03bf\u03b9\u03ba\u03bf\u03bd\u03bf\u03bc\u03b9\u03ba\u03bf\u03cd\u03c2 \u03c3\u03c4\u03cc\u03c7\u03bf\u03c5\u03c2<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(6, 4)\">\u0394\u03b5\u03bd \u03b1\u03c0\u03b1\u03b9\u03c4\u03b5\u03af\u03c4\u03b1\u03b9 \u03c3\u03c5\u03b3\u03ba\u03b5\u03ba\u03c1\u03b9\u03bc\u03ad\u03bd\u03b7 \u03b5\u03bd\u03ad\u03c1\u03b3\u03b5\u03b9\u03b1, \u03bf\u03b9 \u03bf\u03b9\u03ba\u03bf\u03bd\u03bf\u03bc\u03b9\u03ba\u03bf\u03af \u03c3\u03c4\u03cc\u03c7\u03bf\u03b9 \u03b1\u03bd\u03b1\u03bb\u03b1\u03bc\u03b2\u03ac\u03bd\u03bf\u03bd\u03c4\u03b1\u03b9 \u03c0\u03bb\u03ae\u03c1\u03c9\u03c2 \u03b1\u03c0\u03cc \u03c4\u03b9\u03c2 \u03c0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b5\u03c2 \u03bf\u03bc\u03ac\u03b4\u03b5\u03c2.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"tools-section\">\r\n <div class=\"tool-card\">\r\n <h3><i class=\"fas fa-sticky-note\"><\/i> \u03a0\u03c1\u03bf\u03c3\u03c9\u03c0\u03b9\u03ba\u03ad\u03c2 \u03a3\u03b7\u03bc\u03b5\u03b9\u03ce\u03c3\u03b5\u03b9\u03c2<\/h3>\r\n <p>\u039a\u03c1\u03b1\u03c4\u03ae\u03c3\u03c4\u03b5 \u03c3\u03b7\u03bc\u03b5\u03b9\u03ce\u03c3\u03b5\u03b9\u03c2 \u03ba\u03b1\u03c4\u03ac \u03c4\u03b7 \u03b4\u03b9\u03ac\u03c1\u03ba\u03b5\u03b9\u03b1 \u03c4\u03bf\u03c5 \u03b5\u03ba\u03c0\u03b1\u03b9\u03b4\u03b5\u03c5\u03c4\u03b9\u03ba\u03bf\u03cd \u03c3\u03b1\u03c2 \u03c4\u03b1\u03be\u03b9\u03b4\u03b9\u03bf\u03cd<\/p>\r\n <div class=\"notes-container\">\r\n <textarea class=\"notes-input\" id=\"notesInput\" placeholder=\"Write your notes here...\"><\/textarea>\r\n <div class=\"notes-actions\">\r\n <button class=\"notes-btn\" onclick=\"saveNote()\">\r\n <i class=\"fas fa-save\"><\/i> \u0391\u03c0\u03bf\u03b8\u03ae\u03ba\u03b5\u03c5\u03c3\u03b7 \u03a3\u03b7\u03bc\u03b5\u03b9\u03ce\u03c3\u03b5\u03c9\u03bd\r\n <\/button>\r\n <button class=\"notes-btn\" onclick=\"downloadNotes()\">\r\n <i class=\"fas fa-download\"><\/i> \u039b\u03ae\u03c8\u03b7 \u03a3\u03b7\u03bc\u03b5\u03b9\u03ce\u03c3\u03b5\u03c9\u03bd\r\n <\/button>\r\n <\/div>\r\n <div class=\"notes-list\" id=\"notesList\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n\r\n <div class=\"tool-card\">\r\n <h3><i class=\"fas fa-road\"><\/i> \u03a3\u03c5\u03bd\u03b5\u03c7\u03af\u03c3\u03c4\u03b5 \u03c4\u03bf \u0395\u03ba\u03c0\u03b1\u03b9\u03b4\u03b5\u03c5\u03c4\u03b9\u03ba\u03cc \u03c3\u03b1\u03c2 \u03a4\u03b1\u03be\u03af\u03b4\u03b9<\/h3>\r\n <p>\u03a0\u03bf\u03b9\u03bf \u03b8\u03b1 \u03b5\u03af\u03bd\u03b1\u03b9 \u03c4\u03bf \u03b5\u03c0\u03cc\u03bc\u03b5\u03bd\u03bf \u03b2\u03ae\u03bc\u03b1 \u03c3\u03c4\u03bf \u03c4\u03b1\u03be\u03af\u03b4\u03b9 \u03c3\u03b1\u03c2; \u03a0\u03b1\u03c1\u03b1\u03ba\u03b1\u03bb\u03bf\u03cd\u03bc\u03b5 \u03b5\u03c0\u03b9\u03bb\u03ad\u03be\u03c4\u03b5 \u03bc\u03b9\u03b1 \u03bd\u03ad\u03b1 \u03b5\u03bd\u03cc\u03c4\u03b7\u03c4\u03b1<\/p>\r\n <div class=\"timeline\">\r\n <div class=\"timeline-item\">\r\n <div class=\"timeline-content\">\r\n <p><a href=\"https:\/\/excel-erasmus.eu\/el\/%ce%b4%ce%b9%ce%b1%cf%87%ce%b5%ce%af%cf%81%ce%b9%cf%83%ce%b7-%cf%80%cf%81%ce%bf%cf%8b%cf%80%ce%bf%ce%bb%ce%bf%ce%b3%ce%b9%cf%83%ce%bc%ce%bf%cf%8d-%ce%ba%ce%b1%ce%b9-%cf%87%cf%81%ce%b7%ce%bc%ce%b1\/\" target=\"_blank\" rel=\"noopener\">\u0394\u03b9\u03b1\u03c7\u03b5\u03af\u03c1\u03b9\u03c3\u03b7 \u03c0\u03c1\u03bf\u03cb\u03c0\u03bf\u03bb\u03bf\u03b3\u03b9\u03c3\u03bc\u03bf\u03cd \u03ba\u03b1\u03b9 \u03c7\u03c1\u03b7\u03bc\u03b1\u03c4\u03bf\u03bf\u03b9\u03ba\u03bf\u03bd\u03bf\u03bc\u03b9\u03ba\u03cc\u03c2 \u03c0\u03c1\u03bf\u03b3\u03c1\u03b1\u03bc\u03bc\u03b1\u03c4\u03b9\u03c3\u03bc\u03cc\u03c2<\/a><\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"timeline-item\">\r\n <div class=\"timeline-content\">\r\n <p><a href=\"https:\/\/excel-erasmus.eu\/el\/%ce%ba%ce%b1%cf%84%ce%b1%ce%bd%cf%8c%ce%b7%cf%83%ce%b7-%cf%87%cf%81%ce%b7%ce%bc%ce%b1%cf%84%ce%bf%ce%bf%ce%b9%ce%ba%ce%bf%ce%bd%ce%bf%ce%bc%ce%b9%ce%ba%cf%8e%ce%bd-%ce%ba%ce%b1%cf%84%ce%b1%cf%83%cf%84\/\" target=\"_blank\" rel=\"noopener\">\u039a\u03b1\u03c4\u03b1\u03bd\u03cc\u03b7\u03c3\u03b7 \u03c7\u03c1\u03b7\u03bc\u03b1\u03c4\u03bf\u03bf\u03b9\u03ba\u03bf\u03bd\u03bf\u03bc\u03b9\u03ba\u03ce\u03bd \u03ba\u03b1\u03c4\u03b1\u03c3\u03c4\u03ac\u03c3\u03b5\u03c9\u03bd\/\u03b1\u03bd\u03b1\u03c6\u03bf\u03c1\u03ce\u03bds<\/a><\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"timeline-item\">\r\n <div class=\"timeline-content\">\r\n <p><a href=\"https:\/\/excel-erasmus.eu\/el\/%ce%b5%cf%80%ce%b5%ce%bd%ce%b4%cf%85%cf%84%ce%b9%ce%ba%ce%ad%cf%82-%ce%b3%ce%bd%cf%8e%cf%83%ce%b5%ce%b9%cf%82\/\" target=\"_blank\" rel=\"noopener\">\u0393\u03bd\u03ce\u03c3\u03b5\u03b9\u03c2 \u03b5\u03c0\u03ac\u03bd\u03c9 \u03c3\u03c4\u03b9\u03c2 \u03b5\u03c0\u03b5\u03bd\u03b4\u03cd\u03c3\u03b5\u03b9\u03c2e<\/a><\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"timeline-item\">\r\n <div class=\"timeline-content\">\r\n <p><a href=\"https:\/\/excel-erasmus.eu\/el\/%ce%b4%ce%b9%ce%b1%cf%87%ce%b5%ce%af%cf%81%ce%b9%cf%83%ce%b7-%ce%bf%cf%86%ce%b5%ce%b9%ce%bb%cf%8e%ce%bd-%ce%ba%ce%b1%ce%b9-%ce%ba%ce%b9%ce%bd%ce%b4%cf%8d%ce%bd%cf%89%ce%bd\/\" target=\"_blank\" rel=\"noopener\">\u0394\u03b9\u03b1\u03c7\u03b5\u03af\u03c1\u03b9\u03c3\u03b7 \u03bf\u03c6\u03b5\u03b9\u03bb\u03ce\u03bd \u03ba\u03b1\u03b9 \u03ba\u03b9\u03bd\u03b4\u03cd\u03bd\u03c9\u03bd<\/a><\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"timeline-item\">\r\n <div class=\"timeline-content\">\r\n <p><a href=\"https:\/\/excel-erasmus.eu\/el\/%ce%b2%ce%b9%cf%8e%cf%83%ce%b9%ce%bc%ce%b7-%cf%87%cf%81%ce%b7%ce%bc%ce%b1%cf%84%ce%bf%ce%b4%cf%8c%cf%84%ce%b7%cf%83%ce%b7-%ce%b3%ce%b9%ce%b1-%cf%83%cf%84%cf%81%ce%b1%cf%84%ce%b7%ce%b3%ce%b9%ce%ba\/\" target=\"_blank\" rel=\"noopener\">\u0392\u03b9\u03ce\u03c3\u03b9\u03bc\u03b7 \u03c7\u03c1\u03b7\u03bc\u03b1\u03c4\u03bf\u03b4\u03cc\u03c4\u03b7\u03c3\u03b7 \u03b3\u03b9\u03b1 \u03c3\u03c4\u03c1\u03b1\u03c4\u03b7\u03b3\u03b9\u03ba\u03ad\u03c2 \u03bf\u03b9\u03ba\u03bf\u03bd\u03bf\u03bc\u03b9\u03ba\u03ad\u03c2 \u03b1\u03c0\u03bf\u03c6\u03ac\u03c3\u03b5\u03b9\u03c2s<\/a><\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n let currentQuestion = 1;\r\n let score = 0;\r\n let currentPuzzle = 1;\r\n let escapeProgress = 0;\r\n const totalQuestions = 6;\r\n const totalPuzzles = 8;\r\n let selectedAnswers = {}; \/\/ Para armazenar as respostas selecionadas\r\n\r\n function startQuiz() {\r\n document.getElementById('quizModal').style.display = 'flex';\r\n showQuestion(1);\r\n updateQuizProgress();\r\n }\r\n\r\n function showQuestion(number) {\r\n const container = document.getElementById('quizContent');\r\n const questions = container.querySelectorAll('.quiz-question');\r\n questions.forEach(q => q.style.display = 'none');\r\n if (questions[number - 1]) {\r\n questions[number - 1].style.display = 'block';\r\n }\r\n }\r\n\r\n function checkAnswer(question, answer) {\r\n const container = document.getElementById('quizContent');\r\n const questions = container.querySelectorAll('.quiz-question');\r\n const options = questions[question - 1].querySelectorAll('.quiz-option');\r\n options.forEach(option => option.style.pointerEvents = 'none');\r\n\r\n const correctAnswers = {\r\n 1: 3, \/\/ 2 \u00e9 a resposta correta para quest\u00e3o 1\r\n 2: 1, \/\/ 3 \u00e9 a resposta correta para quest\u00e3o 2\r\n 3: 2, \/\/ 4 \u00e9 a resposta correta para quest\u00e3o 3\r\n 4: 4, \/\/ 1 \u00e9 a resposta correta para quest\u00e3o 4\r\n 5: 3, \/\/ 2 \u00e9 a resposta correta para quest\u00e3o 5\r\n 6: 3 \/\/ 3 \u00e9 a resposta correta para quest\u00e3o 6\r\n };\r\n\r\n if (answer === correctAnswers[question]) {\r\n score++;\r\n options[answer - 1].classList.add('correct');\r\n } else {\r\n options[answer - 1].classList.add('incorrect');\r\n \/\/ Highlight the correct answer in green when answer is wrong\r\n options[correctAnswers[question] - 1].classList.add('correct');\r\n }\r\n\r\n setTimeout(() => {\r\n \/\/ Always advance to next question regardless of answer\r\n if (currentQuestion < totalQuestions) {\r\n currentQuestion++;\r\n showQuestion(currentQuestion);\r\n options.forEach(option => {\r\n option.classList.remove('correct', 'incorrect');\r\n option.style.pointerEvents = 'auto';\r\n });\r\n } else {\r\n showQuizResults();\r\n }\r\n updateQuizProgress();\r\n }, 1500);\r\n }\r\n\r\n function updateQuizProgress() {\r\n const progress = ((currentQuestion - 1) \/ totalQuestions) * 100;\r\n document.getElementById('quizProgress').style.width = `${progress}%`;\r\n }\r\n\r\n function showQuizResults() {\r\n const quizContent = document.getElementById('quizContent');\r\n quizContent.innerHTML = `\r\n <h3>\u039f\u03bb\u03bf\u03ba\u03bb\u03b7\u03c1\u03ce\u03b8\u03b7\u03ba\u03b5 \u03c4\u03bf Quiz!<\/h3>\r\n <p>\u03a4\u03bf \u03c3\u03ba\u03bf\u03c1 \u03c3\u03b1\u03c2: ${score}\/${totalQuestions}<\/p>\r\n <button class=\"download-btn\" onclick=\"closeQuiz()\">\u039a\u03bb\u03b5\u03af\u03c3\u03b9\u03bc\u03bf Quiz<\/button>\r\n `;\r\n }\r\n\r\n function enterEscapeRoom() {\r\n document.getElementById('escapeRoomModal').style.display = 'flex';\r\n showPuzzle(1);\r\n updateEscapeProgress();\r\n }\r\n\r\n function showPuzzle(number) {\r\n document.querySelectorAll('.story-section').forEach(section => section.style.display = 'none');\r\n document.querySelector(`.story-section:nth-child(${number})`).style.display = 'block';\r\n }\r\n\r\n function selectPuzzleOption(puzzleId, optionValue, buttonElement) {\r\n \/\/ Remove selected class from all buttons in this puzzle\r\n const puzzleOptions = document.getElementById(`puzzle${puzzleId}Options`);\r\n const allButtons = puzzleOptions.querySelectorAll('.puzzle-option-btn');\r\n allButtons.forEach(btn => btn.classList.remove('selected'));\r\n \r\n \/\/ Add selected class to clicked button\r\n buttonElement.classList.add('selected');\r\n \r\n \/\/ Store the selected answer\r\n selectedAnswers[puzzleId] = optionValue;\r\n }\r\n\r\n function checkPuzzle(puzzle) {\r\n let answer;\r\n let inputElement;\r\n \r\n \/\/ Check if it's a button-based puzzle or text input\r\n \/\/ All puzzles are now button-based\r\n if (!selectedAnswers[puzzle]) {\r\n alert('Please select an option first!');\r\n return;\r\n }\r\n answer = selectedAnswers[puzzle].toString();\r\n inputElement = document.getElementById(`puzzle${puzzle}Options`);\r\n \r\n\r\n \r\n const correctAnswers = {\r\n 1: '3', \/\/ A price reduction\r\n 2: '2', \/\/ 7 out of 9 building blocks will be affected (per Greek content)\r\n 3: '3', \/\/ Three, one for Residential Buildings, another for energetic communities and another one for business customers.\r\n 4: '3', \/\/ Architects for new buildings and owner's communities in the case of existing ones.\r\n 5: '1', \/\/ Per Greek content\r\n 6: '2', \/\/ Because we need to know the financials ratios of the business to find out constraints to solve, before starting the market transition.\r\n 7: '2', \/\/ Use indirect channels to maintain sales pressure in all the segments.\r\n 8: '3' \/\/ Creating differentiated KPIs scorecards for each value proposal operative management, and consolidating them in the main financial ratios for strategic decision-making\r\n };\r\n \r\n \/\/ Remove old messages\r\n const oldMsg = inputElement.parentNode.querySelector('.encouragement-message');\r\n if (oldMsg) oldMsg.remove();\r\n\r\n if (answer === correctAnswers[puzzle]) {\r\n \/\/ All puzzles are now button-based\r\n const allButtons = inputElement.querySelectorAll('.puzzle-option-btn');\r\n allButtons.forEach(btn => btn.style.pointerEvents = 'none');\r\n \r\n \/\/ Highlight correct button\r\n const correctButton = inputElement.querySelector(`[onclick*=\"selectPuzzleOption(${puzzle}, ${correctAnswers[puzzle]}, this)\"]`);\r\n if (correctButton) {\r\n correctButton.classList.add('correct');\r\n }\r\n \r\n const encouragements = {\r\n 1: \"\u0391\u03ba\u03c1\u03b9\u03b2\u03ce\u03c2, \u03bc\u03b9\u03b1 \u03c3\u03c4\u03b1\u03b8\u03b5\u03c1\u03ae \u03c4\u03bf\u03bc\u03b5\u03b1\u03ba\u03ae \u03bc\u03b5\u03af\u03c9\u03c3\u03b7 \u03c4\u03b7\u03c2 \u03b6\u03ae\u03c4\u03b7\u03c3\u03b7\u03c2, \u03c0\u03bf\u03c5 \u03b5\u03c0\u03b7\u03c1\u03b5\u03ac\u03b6\u03b5\u03b9 \u03cc\u03bb\u03bf\u03c5\u03c2 \u03c4\u03bf\u03c5\u03c2 \u03b1\u03bd\u03c4\u03b1\u03b3\u03c9\u03bd\u03b9\u03c3\u03c4\u03ad\u03c2 \u03c4\u03b7\u03c2 \u03b1\u03b3\u03bf\u03c1\u03ac\u03c2, \u03bf\u03b4\u03b7\u03b3\u03b5\u03af \u03c3\u03b5 \u03c0\u03bb\u03b5\u03bf\u03bd\u03ac\u03b6\u03bf\u03c5\u03c3\u03b1 \u03c0\u03b1\u03c1\u03b1\u03b3\u03c9\u03b3\u03b9\u03ba\u03ae \u03b9\u03ba\u03b1\u03bd\u03cc\u03c4\u03b7\u03c4\u03b1 \u03c4\u03bf\u03c5 \u03c4\u03bf\u03bc\u03ad\u03b1 \u03ba\u03b1\u03b9 \u03bf\u03b9 \u03c0\u03b1\u03af\u03ba\u03c4\u03b5\u03c2 \u03bc\u03b5\u03b9\u03ce\u03bd\u03bf\u03c5\u03bd \u03c4\u03b9\u03c2 \u03c4\u03b9\u03bc\u03ad\u03c2 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03c0\u03c1\u03bf\u03c3\u03c0\u03b1\u03b8\u03ae\u03c3\u03bf\u03c5\u03bd \u03bd\u03b1 \u03c0\u03bf\u03c5\u03bb\u03ae\u03c3\u03bf\u03c5\u03bd \u03ba\u03ac\u03c4\u03b9.\",\r\n 2: \"\u03a4\u03b1 \u03ba\u03b1\u03c4\u03ac\u03c6\u03b5\u03c1\u03b5\u03c2 \u03c0\u03bf\u03bb\u03cd \u03ba\u03b1\u03bb\u03ac! 7 \u03b1\u03c0\u03cc \u03c4\u03b1 9 \u03b4\u03bf\u03bc\u03b9\u03ba\u03ac \u03c3\u03c4\u03bf\u03b9\u03c7\u03b5\u03af\u03b1 \u03b8\u03b1 \u03b5\u03c0\u03b7\u03c1\u03b5\u03b1\u03c3\u03c4\u03bf\u03cd\u03bd \u03b3\u03b9\u03b1 \u03b1\u03c5\u03c4\u03ae \u03c4\u03b7 \u03bc\u03b5\u03c4\u03b1\u03c4\u03cc\u03c0\u03b9\u03c3\u03b7.\",\r\n 3: \"\u039d\u03b1\u03b9 \u03c3\u03c9\u03c3\u03c4\u03ac, \u03bf\u03b9 \u03c4\u03c1\u03b5\u03b9\u03c2 \u03b1\u03b3\u03bf\u03c1\u03ad\u03c2 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b1\u03c1\u03ba\u03b5\u03c4\u03ac \u03b4\u03b9\u03b1\u03c6\u03bf\u03c1\u03b5\u03c4\u03b9\u03ba\u03ad\u03c2 \u03ce\u03c3\u03c4\u03b5 \u03bd\u03b1 \u03c7\u03c1\u03b5\u03b9\u03ac\u03b6\u03bf\u03bd\u03c4\u03b1\u03b9 \u03bc\u03b9\u03b1 \u03b4\u03b9\u03b1\u03c6\u03bf\u03c1\u03b5\u03c4\u03b9\u03ba\u03ae \u03c0\u03c1\u03cc\u03c4\u03b1\u03c3\u03b7 \u03b1\u03be\u03af\u03b1\u03c2 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b1\u03bd\u03b1\u03c0\u03c4\u03c5\u03c7\u03b8\u03bf\u03cd\u03bd \u03c3\u03c9\u03c3\u03c4\u03ac.\",\r\n 4: \"\u03a0\u03bf\u03bb\u03cd \u03c3\u03c9\u03c3\u03c4\u03ac! \u039a\u03b1\u03b9 \u03bf\u03b9 \u03b4\u03cd\u03bf \u03b5\u03af\u03bd\u03b1\u03b9 \u03c3\u03c4\u03c1\u03b1\u03c4\u03b7\u03b3\u03b9\u03ba\u03bf\u03af \u03b5\u03c4\u03b1\u03af\u03c1\u03bf\u03b9 \u03b1\u03bd\u03ac\u03bb\u03bf\u03b3\u03b1 \u03bc\u03b5 \u03c4\u03bf \u03b1\u03bd \u03c0\u03c1\u03cc\u03ba\u03b5\u03b9\u03c4\u03b1\u03b9 \u03b3\u03b9\u03b1 \u03bd\u03ad\u03b1 \u03ba\u03b1\u03c4\u03b1\u03c3\u03ba\u03b5\u03c5\u03ae \u03ae \u03c0\u03c1\u03bf\u03cb\u03c0\u03ac\u03c1\u03c7\u03bf\u03c5\u03c3\u03b1.\",\r\n 5: \"\u03a4\u03bf \u03b2\u03c1\u03ae\u03ba\u03b5\u03c2! \u03a4\u03b1 \u03ba\u03b1\u03bd\u03ac\u03bb\u03b9\u03b1 \u03ba\u03b1\u03b9 \u03bf\u03b9 \u03b2\u03b1\u03c3\u03b9\u03ba\u03bf\u03af \u03c0\u03cc\u03c1\u03bf\u03b9 \u03bc\u03c0\u03bf\u03c1\u03bf\u03cd\u03bd \u03bd\u03b1 \u03c0\u03b1\u03c1\u03b1\u03bc\u03b5\u03af\u03bd\u03bf\u03c5\u03bd \u03c0\u03b1\u03c1\u03cc\u03bc\u03bf\u03b9\u03b1 \u03c0\u03c1\u03b9\u03bd \u03b1\u03bb\u03bb\u03ac\u03be\u03bf\u03c5\u03bd \u03c4\u03b1 \u03c4\u03bc\u03ae\u03bc\u03b1\u03c4\u03b1-\u03c3\u03c4\u03cc\u03c7\u03bf\u03b9 \u03ba\u03b1\u03b9, \u03bf\u03c1\u03b9\u03c3\u03bc\u03ad\u03bd\u03b5\u03c2 \u03c6\u03bf\u03c1\u03ad\u03c2, \u03b5\u03af\u03bd\u03b1\u03b9 \u03b5\u03c0\u03af\u03c3\u03b7\u03c2 \u03b4\u03b9\u03b1\u03c6\u03bf\u03c1\u03b5\u03c4\u03b9\u03ba\u03ac.\",\r\n 6: \"\u03a4\u03b1 \u03ba\u03b1\u03c4\u03ac\u03c6\u03b5\u03c1\u03b5\u03c2 \u03c0\u03bf\u03bb\u03cd \u03ba\u03b1\u03bb\u03ac! \u0397 \u03b5\u03bd\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u03c4\u03c9\u03bd P&Ls \u03b5\u03af\u03bd\u03b1\u03b9 \u03bf \u03bc\u03cc\u03bd\u03bf\u03c2 \u03c4\u03c1\u03cc\u03c0\u03bf\u03c2 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b4\u03bf\u03cd\u03bc\u03b5 \u03ba\u03b1\u03b8\u03b1\u03c1\u03ac \u03c0\u03bf\u03cd \u03c4\u03bf \u03ac\u03b8\u03c1\u03bf\u03b9\u03c3\u03bc\u03b1 \u03c4\u03c9\u03bd \u03c4\u03c1\u03b9\u03ce\u03bd, \u03c5\u03c0\u03b5\u03c1\u03b2\u03b1\u03af\u03bd\u03b5\u03b9 \u03c4\u03b9\u03c2 \u03b4\u03c5\u03bd\u03b1\u03c4\u03cc\u03c4\u03b7\u03c4\u03b5\u03c2 \u03c4\u03b7\u03c2 \u03b5\u03c0\u03b9\u03c7\u03b5\u03af\u03c1\u03b7\u03c3\u03b7\u03c2.\",\r\n 7: \"\u0395\u03be\u03b1\u03b9\u03c1\u03b5\u03c4\u03b9\u03ba\u03ae \u03b5\u03c0\u03b9\u03bb\u03bf\u03b3\u03ae! \u038c\u03c4\u03b1\u03bd \u03c7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03b5\u03af\u03c4\u03b5 \u03ad\u03bc\u03bc\u03b5\u03c3\u03b1 \u03ba\u03b1\u03bd\u03ac\u03bb\u03b9\u03b1 \u03b4\u03b9\u03b1\u03bd\u03bf\u03bc\u03ae\u03c2, \u03bc\u03b5\u03b9\u03ce\u03bd\u03b5\u03c4\u03b5 \u03c4\u03bf \u03c3\u03c4\u03b1\u03b8\u03b5\u03c1\u03cc \u03ba\u03cc\u03c3\u03c4\u03bf\u03c2 \u03c0\u03ce\u03bb\u03b7\u03c3\u03b7\u03c2, \u03b1\u03c0\u03bb\u03ce\u03c2 \u03c7\u03c1\u03b5\u03b9\u03ac\u03b6\u03b5\u03c4\u03b1\u03b9 \u03bd\u03b1 \u03c0\u03bb\u03b7\u03c1\u03ce\u03c3\u03b5\u03c4\u03b5 \u03ad\u03ba\u03c0\u03c4\u03c9\u03c3\u03b7 \u03c3\u03c4\u03b7\u03bd \u03c4\u03b9\u03bc\u03ae \u03c0\u03ce\u03bb\u03b7\u03c3\u03b7\u03c2 \u03b3\u03b9\u03b1 \u03b4\u03b9\u03b1\u03bd\u03bf\u03bc\u03ae.\",\r\n 8: \"\u0391\u03ba\u03c1\u03b9\u03b2\u03ce\u03c2! \u0395\u03c3\u03c4\u03b9\u03ac\u03c3\u03c4\u03b5 \u03be\u03b5\u03c7\u03c9\u03c1\u03b9\u03c3\u03c4\u03ac \u03c3\u03b5 \u03c3\u03c5\u03b3\u03ba\u03b5\u03ba\u03c1\u03b9\u03bc\u03ad\u03bd\u03bf\u03c5\u03c2 \u03c0\u03af\u03bd\u03b1\u03ba\u03b5\u03c2 \u03b1\u03c0\u03bf\u03c4\u03b5\u03bb\u03b5\u03c3\u03bc\u03ac\u03c4\u03c9\u03bd \u03b3\u03b9\u03b1 \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03af\u03b5\u03c2 \u03ba\u03b1\u03b9 \u03be\u03b5\u03c7\u03c9\u03c1\u03b9\u03c3\u03c4\u03ac \u03b3\u03b9\u03b1 \u03b5\u03bd\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03ad\u03c7\u03b5\u03c4\u03b5 \u03c3\u03c5\u03b3\u03ba\u03b5\u03bd\u03c4\u03c1\u03c9\u03c4\u03b9\u03ba\u03ae \u03c0\u03c1\u03bf\u03b2\u03bf\u03bb\u03ae \u03b3\u03b9\u03b1 \u03c4\u03b7 \u03bb\u03ae\u03c8\u03b7 \u03b1\u03c0\u03bf\u03c6\u03ac\u03c3\u03b5\u03c9\u03bd \u03c3\u03c4\u03c1\u03b1\u03c4\u03b7\u03b3\u03b9\u03ba\u03ae\u03c2 \u03c0\u03bf\u03c5 \u03b5\u03c0\u03b7\u03c1\u03b5\u03ac\u03b6\u03b5\u03b9 \u03bf\u03bb\u03cc\u03ba\u03bb\u03b7\u03c1\u03b7 \u03c4\u03b7\u03bd \u03b5\u03c0\u03b9\u03c7\u03b5\u03af\u03c1\u03b7\u03c3\u03b7.\"\r\n };\r\n const encouragementDiv = document.createElement('div');\r\n encouragementDiv.className = 'encouragement-message';\r\n encouragementDiv.style.fontSize = '1.25rem';\r\n encouragementDiv.style.marginBottom = '1rem';\r\n encouragementDiv.style.background = '#e8f5e9';\r\n encouragementDiv.style.color = '#222';\r\n encouragementDiv.innerHTML = `\r\n <div class=\"encouragement-content\">\r\n <i class=\"fas fa-star\"><\/i>\r\n <p><b><\/b> ${encouragements[puzzle]}<\/p>\r\n <\/div>\r\n `;\r\n \/\/ Display above the button\r\n inputElement.parentNode.insertBefore(encouragementDiv, inputElement.nextSibling);\r\n if (currentPuzzle < totalPuzzles) {\r\n currentPuzzle++;\r\n setTimeout(() => {\r\n showPuzzle(currentPuzzle);\r\n }, 2500);\r\n } else {\r\n setTimeout(() => {\r\n showEscapeResults();\r\n }, 2500);\r\n }\r\n escapeProgress = (currentPuzzle \/ totalPuzzles) * 100;\r\n updateEscapeProgress();\r\n } else {\r\n \/\/ All puzzles are now button-based\r\n const allButtons = inputElement.querySelectorAll('.puzzle-option-btn');\r\n allButtons.forEach(btn => btn.style.pointerEvents = 'none');\r\n \r\n \/\/ Highlight incorrect button\r\n const selectedButton = inputElement.querySelector('.puzzle-option-btn.selected');\r\n if (selectedButton) {\r\n selectedButton.classList.add('incorrect');\r\n }\r\n \r\n const tryAgainMessages = {\r\n 1: \"\u038c\u03c7\u03b9 \u03c0\u03c1\u03b1\u03b3\u03bc\u03b1\u03c4\u03b9\u03ba\u03ac. \u03a4\u03bf COGS \u03c0\u03b9\u03b8\u03b1\u03bd\u03cc\u03c4\u03b1\u03c4\u03b1 \u03b8\u03b1 \u03bc\u03b5\u03b9\u03c9\u03b8\u03b5\u03af \u03b5\u03c0\u03af\u03c3\u03b7\u03c2 \u03bb\u03cc\u03b3\u03c9 \u03c4\u03bf\u03c5 \u03af\u03b4\u03b9\u03bf\u03c5 \u03b1\u03c0\u03bf\u03c4\u03b5\u03bb\u03ad\u03c3\u03bc\u03b1\u03c4\u03bf\u03c2 \u03cc\u03c0\u03c9\u03c2 \u03c0\u03b1\u03c1\u03b1\u03c0\u03ac\u03bd\u03c9. \u03a4\u03bf \u03bc\u03b1\u03ba\u03c1\u03bf\u03c0\u03c1\u03cc\u03b8\u03b5\u03c3\u03bc\u03bf \u03ba\u03cc\u03c3\u03c4\u03bf\u03c2 \u03c4\u03bf\u03c5 \u03c7\u03c1\u03ad\u03bf\u03c5\u03c2 \u03b4\u03b5\u03bd \u03b5\u03c0\u03b7\u03c1\u03b5\u03ac\u03b6\u03b5\u03c4\u03b1\u03b9 \u03ac\u03bc\u03b5\u03c3\u03b1 \u03b1\u03c0\u03cc \u03b1\u03c5\u03c4\u03ae \u03c4\u03b7\u03bd \u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7.\",\r\n 2: \"\u03a3\u03c7\u03b5\u03b4\u03cc\u03bd! \u0395\u03af\u03bd\u03b1\u03b9 \u03bc\u03b5\u03c4\u03b1\u03be\u03cd \u03c4\u03c9\u03bd \u03c0\u03bb\u03b7\u03b3\u03ad\u03bd\u03c4\u03c9\u03bd, \u03b1\u03bb\u03bb\u03ac \u03b4\u03b5\u03bd \u03b5\u03af\u03bd\u03b1\u03b9 \u03bf\u03b9 \u03bc\u03cc\u03bd\u03bf\u03b9.\",\r\n 3: \"\u03a3\u03c7\u03b5\u03b4\u03cc\u03bd! \u03a5\u03c0\u03ac\u03c1\u03c7\u03b5\u03b9 \u03bc\u03b9\u03b1 \u03ba\u03bf\u03b9\u03bd\u03ae \u03b2\u03ac\u03c3\u03b7, \u03c4\u03b1 \u03b2\u03b9\u03ce\u03c3\u03b9\u03bc\u03b1 \u03b5\u03bd\u03b5\u03c1\u03b3\u03b5\u03b9\u03b1\u03ba\u03ac \u03c3\u03c5\u03c3\u03c4\u03ae\u03bc\u03b1\u03c4\u03b1, \u03b1\u03bb\u03bb\u03ac \u03bf\u03b9 \u03b1\u03bd\u03ac\u03b3\u03ba\u03b5\u03c2 \u03c4\u03c9\u03bd \u03c4\u03c1\u03b9\u03ce\u03bd \u03c3\u03c4\u03cc\u03c7\u03c9\u03bd \u03b5\u03af\u03bd\u03b1\u03b9 \u03b4\u03b9\u03b1\u03c6\u03bf\u03c1\u03b5\u03c4\u03b9\u03ba\u03ad\u03c2 \u03ba\u03b1\u03b9 \u03b3\u03b9' \u03b1\u03c5\u03c4\u03cc \u03c7\u03c1\u03b5\u03b9\u03b1\u03b6\u03cc\u03bc\u03b1\u03c3\u03c4\u03b5 \u03c0\u03c1\u03bf\u03c4\u03ac\u03c3\u03b5\u03b9\u03c2 \u03b4\u03b9\u03b1\u03c6\u03bf\u03c1\u03bf\u03c0\u03bf\u03b9\u03b7\u03bc\u03ad\u03bd\u03b7\u03c2 \u03b1\u03be\u03af\u03b1\u03c2.\",\r\n 4: \"\u0394\u03c5\u03c3\u03c4\u03c5\u03c7\u03ce\u03c2 \u03cc\u03c7\u03b9, \u03b1\u03c5\u03c4\u03bf\u03af \u03b5\u03af\u03bd\u03b1\u03b9 \u03c3\u03c4\u03c1\u03b1\u03c4\u03b7\u03b3\u03b9\u03ba\u03bf\u03af\/\u03b2\u03b1\u03c3\u03b9\u03ba\u03bf\u03af \u03c3\u03c5\u03bd\u03b5\u03c1\u03b3\u03ac\u03c4\u03b5\u03c2 \u03b1\u03bb\u03bb\u03ac \u03b3\u03b9\u03b1 \u03c4\u03b1 \u03ac\u03bb\u03bb\u03b1 \u03c4\u03bc\u03ae\u03bc\u03b1\u03c4\u03b1 \u03c3\u03c4\u03b1 \u03bf\u03c0\u03bf\u03af\u03b1 \u03b5\u03c3\u03c4\u03b9\u03ac\u03b6\u03bf\u03c5\u03bd.\",\r\n 5: \"\u03a0\u03b1\u03c1\u03b1\u03bb\u03af\u03b3\u03bf! \u0397 \u03b4\u03bf\u03bc\u03ae P&L \u03b8\u03b1 \u03c0\u03c1\u03ad\u03c0\u03b5\u03b9 \u03bd\u03b1 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b7 \u03af\u03b4\u03b9\u03b1 (\u03c4\u03bf \u03c0\u03b5\u03c1\u03b9\u03b5\u03c7\u03cc\u03bc\u03b5\u03bd\u03bf \u03b8\u03b1 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b4\u03b9\u03b1\u03c6\u03bf\u03c1\u03b5\u03c4\u03b9\u03ba\u03cc) \u03ba\u03b1\u03b9 \u03b4\u03b5\u03bd \u03b8\u03b1 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b1\u03c0\u03b1\u03c1\u03b1\u03af\u03c4\u03b7\u03c4\u03b1 \u03b4\u03b9\u03b1\u03c6\u03bf\u03c1\u03b5\u03c4\u03b9\u03ba\u03ac \u03cc\u03bb\u03b1 \u03c4\u03b1 \u03bc\u03ad\u03bb\u03b7 \u03c4\u03b7\u03c2 \u03bf\u03bc\u03ac\u03b4\u03b1\u03c2 \u03c0\u03bf\u03c5 \u03b5\u03af\u03bd\u03b1\u03b9 \u03c5\u03c0\u03b5\u03cd\u03b8\u03c5\u03bd\u03b1 \u03b3\u03b9\u03b1 \u03c4\u03b9\u03c2 \u03bd\u03ad\u03b5\u03c2 \u03b1\u03b3\u03bf\u03c1\u03ad\u03c2.\",\r\n 6: \"\u039b\u03ac\u03b8\u03bf\u03c2. \u039f\u03cd\u03c4\u03b5 \u03b7 \u03c0\u03b1\u03c1\u03ac\u03b4\u03bf\u03c3\u03b7 \u03bf\u03cd\u03c4\u03b5 \u03bf\u03b9 \u03bf\u03b9\u03ba\u03bf\u03bd\u03bf\u03bc\u03b9\u03ba\u03ad\u03c2 \u03b4\u03b5\u03be\u03b9\u03cc\u03c4\u03b7\u03c4\u03b5\u03c2 \u03c3\u03c7\u03b5\u03c4\u03af\u03b6\u03bf\u03bd\u03c4\u03b1\u03b9 \u03bc\u03b5 \u03b1\u03c5\u03c4\u03ae \u03c4\u03b7\u03bd \u03b1\u03bd\u03ac\u03b3\u03ba\u03b7 \u03b5\u03bd\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7\u03c2 \u03c4\u03c9\u03bd P&Ls.\",\r\n 7: \"\u03a3\u03c7\u03b5\u03b4\u03cc\u03bd! \u0391\u03c5\u03c4\u03ad\u03c2 \u03b4\u03b5\u03bd \u03b5\u03af\u03bd\u03b1\u03b9 \u03bf\u03b9 \u03b2\u03ad\u03bb\u03c4\u03b9\u03c3\u03c4\u03b5\u03c2 \u03bb\u03cd\u03c3\u03b5\u03b9\u03c2 \u03b3\u03b9\u03b1 \u03b1\u03c5\u03c4\u03ae\u03bd \u03c4\u03b7\u03bd \u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7, \u03b4\u03b9\u03cc\u03c4\u03b9 \u03c3\u03b7\u03bc\u03b1\u03af\u03bd\u03bf\u03c5\u03bd \u03bc\u03b5\u03af\u03c9\u03c3\u03b7 \u03c4\u03c9\u03bd \u03c0\u03c9\u03bb\u03ae\u03c3\u03b5\u03c9\u03bd \u03ae \u03b1\u03cd\u03be\u03b7\u03c3\u03b7 \u03c4\u03bf\u03c5 \u03ba\u03cc\u03c3\u03c4\u03bf\u03c5\u03c2 \u03c0\u03c9\u03bb\u03ae\u03c3\u03b5\u03c9\u03bd \u03c0\u03bf\u03c5 \u03b4\u03b5\u03bd \u03b5\u03af\u03bd\u03b1\u03b9 \u03b4\u03c5\u03bd\u03b1\u03c4\u03ae \u03c3\u03c4\u03b7\u03bd \u03c0\u03c1\u03bf\u03c4\u03b5\u03b9\u03bd\u03cc\u03bc\u03b5\u03bd\u03b7 \u03c0\u03b5\u03c1\u03af\u03c0\u03c4\u03c9\u03c3\u03b7.\",\r\n 8: \"\u03a3\u03c7\u03b5\u03b4\u03cc\u03bd! \u039a\u03b1\u03b9 \u03bf\u03b9 \u03b4\u03cd\u03bf \u03bc\u03c0\u03bf\u03c1\u03bf\u03cd\u03bd \u03bd\u03b1 \u03b2\u03bf\u03b7\u03b8\u03ae\u03c3\u03bf\u03c5\u03bd, \u03b1\u03bb\u03bb\u03ac \u03cc\u03c7\u03b9 \u03bd\u03b1 \u03b5\u03be\u03b7\u03b3\u03ae\u03c3\u03bf\u03c5\u03bd \u03c4\u03b7 \u03c7\u03c1\u03b7\u03c3\u03b9\u03bc\u03cc\u03c4\u03b7\u03c4\u03b1 \u03ba\u03b1\u03b9 \u03c4\u03c9\u03bd \u03b4\u03cd\u03bf \u03b1\u03c0\u03cc\u03c8\u03b5\u03c9\u03bd, \u03b4\u03b9\u03b1\u03b9\u03c1\u03b5\u03bc\u03ad\u03bd\u03c9\u03bd \u03ba\u03b1\u03b9 \u03b5\u03bd\u03bf\u03c0\u03bf\u03b9\u03b7\u03bc\u03ad\u03bd\u03c9\u03bd.\"\r\n };\r\n const encouragementDiv = document.createElement('div');\r\n encouragementDiv.className = 'encouragement-message';\r\n encouragementDiv.style.background = 'rgba(255,139,210,0.1)';\r\n encouragementDiv.style.fontSize = '1.1rem';\r\n encouragementDiv.innerHTML = `\r\n <div class=\"encouragement-content\">\r\n <i class=\"fas fa-heart\"><\/i>\r\n <p>${tryAgainMessages[puzzle]}<\/p>\r\n <\/div>\r\n `;\r\n inputElement.parentNode.insertBefore(encouragementDiv, inputElement.nextSibling);\r\n \r\n \/\/ Reset after 4 seconds to allow retry\r\n setTimeout(() => {\r\n const allButtons = inputElement.querySelectorAll('.puzzle-option-btn');\r\n allButtons.forEach(btn => {\r\n btn.classList.remove('correct', 'incorrect', 'selected');\r\n btn.style.pointerEvents = 'auto';\r\n });\r\n \/\/ Clear selected answer\r\n selectedAnswers[puzzle] = null;\r\n encouragementDiv.remove();\r\n }, 4000);\r\n }\r\n }\r\n\r\n function updateEscapeProgress() {\r\n document.getElementById('escapeProgress').style.width = `${escapeProgress}%`;\r\n }\r\n\r\n function showEscapeResults() {\r\n const escapeContent = document.getElementById('escapeContent');\r\n escapeContent.innerHTML = `\r\n <div class=\"story-section\">\r\n <div class=\"story-text\">\r\n <h3>\u03a0\u03bf\u03bb\u03cd \u03ba\u03b1\u03bb\u03ac! \u0388\u03c7\u03b5\u03c4\u03b5 \u03b2\u03bf\u03b7\u03b8\u03ae\u03c3\u03b5\u03b9 \u03c4\u03bf\u03bd John \u03bd\u03b1 \u03ba\u03b1\u03c4\u03b1\u03bd\u03bf\u03ae\u03c3\u03b5\u03b9 \u03c4\u03b9\u03c2 \u03b1\u03bb\u03bb\u03b1\u03b3\u03ad\u03c2 \u03c0\u03bf\u03c5 \u03b1\u03c0\u03b1\u03b9\u03c4\u03bf\u03cd\u03bd\u03c4\u03b1\u03b9 \u03c3\u03c4\u03bf \u03b5\u03c0\u03b9\u03c7\u03b5\u03b9\u03c1\u03b7\u03bc\u03b1\u03c4\u03b9\u03ba\u03cc \u03c4\u03bf\u03c5 \u03bc\u03bf\u03bd\u03c4\u03ad\u03bb\u03bf \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03c3\u03c4\u03c1\u03b1\u03c6\u03b5\u03af \u03c3\u03c4\u03b1 \u03bd\u03ad\u03b1 \u03c4\u03bc\u03ae\u03bc\u03b1\u03c4\u03b1 \u03ba\u03b1\u03b9 \u03bd\u03b1 \u03b1\u03bd\u03b1\u03bb\u03cd\u03c3\u03b5\u03b9 \u03ba\u03b1\u03b9 \u03bd\u03b1 \u03b1\u03c0\u03bf\u03c4\u03c1\u03ad\u03c8\u03b5\u03b9 \u03c4\u03bf\u03bd \u03c0\u03b9\u03b8\u03b1\u03bd\u03cc \u03b1\u03bd\u03c4\u03af\u03ba\u03c4\u03c5\u03c0\u03bf \u03c3\u03c4\u03b7\u03bd \u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7 \u03ba\u03b5\u03c1\u03b4\u03ce\u03bd \u03ba\u03b1\u03b9 \u03b6\u03b7\u03bc\u03b9\u03ce\u03bd \u03c0\u03bf\u03c5 \u03c0\u03c1\u03bf\u03ba\u03cd\u03c0\u03c4\u03b5\u03b9 \u03b1\u03c0\u03cc \u03c4\u03b7 \u03bc\u03b5\u03c4\u03b1\u03c4\u03cc\u03c0\u03b9\u03c3\u03b7. \u0393\u03b9\u03b1 \u03bd\u03b1 \u03bc\u03b5\u03c4\u03b1\u03c4\u03bf\u03c0\u03b9\u03c3\u03c4\u03b5\u03af\u03c4\u03b5 \u03bc\u03b5\u03c4\u03b1\u03be\u03cd \u03c4\u03c9\u03bd \u03b1\u03b3\u03bf\u03c1\u03ce\u03bd, \u03c4\u03bf \u03bd\u03b1 \u03ba\u03ac\u03bd\u03b5\u03c4\u03b5 \u03c4\u03b1 \u03c0\u03c1\u03ac\u03b3\u03bc\u03b1\u03c4\u03b1 \u03c3\u03c9\u03c3\u03c4\u03ac \u03b5\u03af\u03bd\u03b1\u03b9 \u03b1\u03c0\u03b1\u03c1\u03b1\u03af\u03c4\u03b7\u03c4\u03bf \u03b1\u03bb\u03bb\u03ac \u03cc\u03c7\u03b9 \u03b1\u03c1\u03ba\u03b5\u03c4\u03cc: \u03c0\u03c1\u03ad\u03c0\u03b5\u03b9 \u03bd\u03b1 \u03b1\u03bd\u03b1\u03ba\u03b1\u03bb\u03cd\u03c8\u03b5\u03c4\u03b5 \u03b5\u03ba \u03c4\u03c9\u03bd \u03c0\u03c1\u03bf\u03c4\u03ad\u03c1\u03c9\u03bd \u03c0\u03bf\u03b9\u03b1 \u03b5\u03af\u03bd\u03b1\u03b9 \u03c4\u03b1 \u03c3\u03c9\u03c3\u03c4\u03ac \u03c0\u03c1\u03ac\u03b3\u03bc\u03b1\u03c4\u03b1 \u03c0\u03bf\u03c5 \u03c0\u03c1\u03ad\u03c0\u03b5\u03b9 \u03bd\u03b1 \u03ba\u03ac\u03bd\u03b5\u03c4\u03b5 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03c4\u03bf \u03c3\u03c5\u03b3\u03ba\u03b5\u03bd\u03c4\u03c1\u03ce\u03c3\u03b5\u03c4\u03b5.<\/h3>\r\n <div class=\"achievement-badge\">\r\n <i class=\"fas fa-trophy\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <button class=\"download-btn\" onclick=\"closeEscapeRoom()\">\u039a\u03bb\u03b5\u03af\u03c3\u03b9\u03bc\u03bf \u03a0\u03b5\u03c1\u03b9\u03c0\u03ad\u03c4\u03b5\u03b9\u03b1\u03c2<\/button>\r\n `;\r\n }\r\n\r\n function closeEscapeRoom() {\r\n document.getElementById('escapeRoomModal').style.display = 'none';\r\n currentPuzzle = 1;\r\n escapeProgress = 0;\r\n updateEscapeProgress();\r\n selectedAnswers = {};\r\n \r\n\r\n \r\n \/\/ Reset button options\r\n document.querySelectorAll('.puzzle-option-btn').forEach(btn => {\r\n btn.classList.remove('selected', 'correct', 'incorrect');\r\n btn.style.pointerEvents = 'auto';\r\n });\r\n \r\n\r\n }\r\n\r\n function closeQuiz() {\r\n document.getElementById('quizModal').style.display = 'none';\r\n currentQuestion = 1;\r\n score = 0;\r\n updateQuizProgress();\r\n document.querySelectorAll('.quiz-option').forEach(option => {\r\n option.classList.remove('correct', 'incorrect');\r\n option.style.pointerEvents = 'auto';\r\n });\r\n }\r\n\r\n \/\/ Existing animations and event listeners\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.style.opacity = 1;\r\n entry.target.style.transform = 'translateY(0)';\r\n }\r\n });\r\n });\r\n\r\n document.querySelectorAll('.feature-card').forEach(card => {\r\n card.style.opacity = 0;\r\n card.style.transform = 'translateY(20px)';\r\n card.style.transition = 'all 0.5s ease-out';\r\n observer.observe(card);\r\n });\r\n });\r\n\r\n \/\/ Add to existing script\r\n window.addEventListener('scroll', function() {\r\n const winScroll = document.body.scrollTop || document.documentElement.scrollTop;\r\n const height = document.documentElement.scrollHeight - document.documentElement.clientHeight;\r\n const scrolled = (winScroll \/ height) * 100;\r\n document.getElementById('pageProgress').style.width = scrolled + '%';\r\n });\r\n\r\n \/\/ Entry animation for cards\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const cards = document.querySelectorAll('.feature-card');\r\n cards.forEach((card, index) => {\r\n card.style.opacity = '0';\r\n card.style.transform = 'translateY(20px)';\r\n setTimeout(() => {\r\n card.style.transition = 'all 0.5s ease';\r\n card.style.opacity = '1';\r\n card.style.transform = 'translateY(0)';\r\n }, index * 200);\r\n });\r\n });\r\n\r\n \/\/ Adicionar ao script existente\r\n function appendToCalc(value) {\r\n document.getElementById('calcDisplay').value += value;\r\n }\r\n\r\n function clearCalc() {\r\n document.getElementById('calcDisplay').value = '';\r\n }\r\n\r\n function calculate() {\r\n const display = document.getElementById('calcDisplay');\r\n try {\r\n display.value = eval(display.value);\r\n } catch (error) {\r\n display.value = 'Error';\r\n }\r\n }\r\n\r\n \/\/ Adicionar ao script existente\r\n let notes = [];\r\n\r\n function saveNote() {\r\n const noteText = document.getElementById('notesInput').value.trim();\r\n if (noteText) {\r\n const note = {\r\n text: noteText,\r\n date: new Date().toLocaleString(),\r\n id: Date.now()\r\n };\r\n notes.push(note);\r\n updateNotesList();\r\n document.getElementById('notesInput').value = '';\r\n }\r\n }\r\n\r\n function updateNotesList() {\r\n const notesList = document.getElementById('notesList');\r\n notesList.innerHTML = notes.map(note => `\r\n <div class=\"note-item\">\r\n <div>\r\n <div class=\"note-text\">${note.text}<\/div>\r\n <div class=\"note-date\">${note.date}<\/div>\r\n <\/div>\r\n <button class=\"notes-btn\" onclick=\"deleteNote(${note.id})\">\r\n <i class=\"fas fa-trash\"><\/i>\r\n <\/button>\r\n <\/div>\r\n `).join('');\r\n }\r\n\r\n function deleteNote(id) {\r\n notes = notes.filter(note => note.id !== id);\r\n updateNotesList();\r\n }\r\n\r\n function downloadNotes() {\r\n if (notes.length === 0) {\r\n alert('No notes to download!');\r\n return;\r\n }\r\n\r\n const content = notes.map(note => \r\n `Note: ${note.text}\\nDate: ${note.date}\\n\\n`\r\n ).join('---\\n');\r\n\r\n const blob = new Blob([content], { type: 'text\/plain' });\r\n const url = window.URL.createObjectURL(blob);\r\n const a = document.createElement('a');\r\n a.href = url;\r\n a.download = 'financial-literacy-notes.txt';\r\n document.body.appendChild(a);\r\n a.click();\r\n window.URL.revokeObjectURL(url);\r\n document.body.removeChild(a);\r\n }\r\n\r\n \/\/ Configura\u00e7\u00e3o do PDF.js\r\n pdfjsLib.GlobalWorkerOptions.workerSrc = 'https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/pdf.js\/2.11.338\/pdf.worker.min.js';\r\n\r\n function loadPDFFlipbook() {\r\n \/\/ Abrir o PDF em uma nova aba\r\n window.open('https:\/\/excel-erasmus.eu\/wp-content\/uploads\/2025\/03\/EXCEL_Flyer_EN.pdf', '_blank');\r\n }\r\n\r\n function loadVideo(videoUrl) {\r\n const video = document.getElementById('mainVideo');\r\n video.src = videoUrl;\r\n video.play();\r\n }\r\n\r\n function loadInfographic(imageUrl) {\r\n const container = document.getElementById('infographicContainer');\r\n const image = document.getElementById('infographicImage');\r\n image.src = imageUrl;\r\n container.style.display = 'flex';\r\n }\r\n\r\n function closeFlipbook() {\r\n const container = document.getElementById('flipbookContainer');\r\n container.style.display = 'none';\r\n }\r\n\r\n function closeVideo() {\r\n const video = document.getElementById('mainVideo');\r\n video.pause();\r\n video.currentTime = 0;\r\n }\r\n\r\n function closeInfographic() {\r\n const container = document.getElementById('infographicContainer');\r\n container.style.display = 'none';\r\n }\r\n\r\n\r\n <\/script>\r\n<\/body>\r\n<\/html> \t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Financial Literacy Training Programme Video Resource Welcome to module \u201cUnderstanding financial statements\u201d where you will discover how to read and analyse key financial documents to make smarter business decisions and track your company\u2019s financial health. Your browser does not support the video element. Play Pause Learning contents, activities and resources Start by going through this […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ocean_post_layout":"","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"","ocean_second_sidebar":"","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"","ocean_custom_header_template":"","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"default","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"","footnotes":""},"class_list":["post-1356","page","type-page","status-publish","hentry","entry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/excel-erasmus.eu\/el\/wp-json\/wp\/v2\/pages\/1356","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/excel-erasmus.eu\/el\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/excel-erasmus.eu\/el\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/excel-erasmus.eu\/el\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/excel-erasmus.eu\/el\/wp-json\/wp\/v2\/comments?post=1356"}],"version-history":[{"count":256,"href":"https:\/\/excel-erasmus.eu\/el\/wp-json\/wp\/v2\/pages\/1356\/revisions"}],"predecessor-version":[{"id":4632,"href":"https:\/\/excel-erasmus.eu\/el\/wp-json\/wp\/v2\/pages\/1356\/revisions\/4632"}],"wp:attachment":[{"href":"https:\/\/excel-erasmus.eu\/el\/wp-json\/wp\/v2\/media?parent=1356"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}