{"id":1354,"date":"2025-03-24T17:44:40","date_gmt":"2025-03-24T17:44:40","guid":{"rendered":"https:\/\/excel-erasmus.eu\/?page_id=1354"},"modified":"2025-12-02T16:15:15","modified_gmt":"2025-12-02T16:15:15","slug":"investment-knowledge","status":"publish","type":"page","link":"https:\/\/excel-erasmus.eu\/pl\/wiedza-inwestycyjna\/","title":{"rendered":"Wiedza inwestycyjna"},"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 .selected-answer {\r\n background: rgba(255, 193, 7, 0.1);\r\n border: 2px solid var(--yellow);\r\n border-radius: 8px;\r\n padding: 1rem;\r\n margin: 1rem 0;\r\n font-size: 1.1rem;\r\n color: var(--dark-gray);\r\n text-align: center;\r\n display: none;\r\n }\r\n\r\n .selected-answer.show {\r\n display: block;\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 <div class=\"container\"><\/div>\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>Wideo<\/h3>\r\n <p>Witamy w module \u201eWiedza inwestycyjna\u201d, w kt\u00f3rym poznasz r\u00f3\u017cne rodzaje opcji inwestycyjnych i nauczysz si\u0119 je ocenia\u0107, aby wspiera\u0107 rozw\u00f3j i zr\u00f3wnowa\u017cony rozw\u00f3j Twojej firmy.<\/p>\r\n <div class=\"video-player-container\">\r\n <video id=\"mainVideo\" controls>\r\n <source src=\"https:\/\/excel-erasmus.eu\/Videos\/PL\/EXCEL_WP2_A2.3_M3_Video_PL.mp4\" type=\"video\/mp4\">\r\n Your browser does not support the video element.\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> Play\r\n <\/button>\r\n <button onclick=\"document.getElementById('mainVideo').pause()\">\r\n <i class=\"fas fa-pause\"><\/i> Pause\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>Tre\u015bci edukacyjne, dzia\u0142ania i zasoby<\/h3>\r\n <p>Zacznij od przejrzenia tego obszernego pliku PDF, kt\u00f3ry pomo\u017ce Ci zapozna\u0107 si\u0119 z modu\u0142em i poszerzy\u0107 jego zrozumienie, a tak\u017ce zastosowa\u0107 zdobyt\u0105 wiedz\u0119<\/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\/M3_Investment knowledge_PL\/index.html\" target=\"_blank\" rel=\"noopener\">\r\n <img decoding=\"async\" src=\"https:\/\/excel-erasmus.eu\/wp-content\/uploads\/2025\/10\/EXCEL_WP2_M3-flipbook_PL.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\/M3_Investment knowledge_PL\/index.html\" class=\"learning-contents-button\" target=\"_blank\" rel=\"noopener\">\r\n Dost\u0119p do materia\u0142\u00f3w edukacyjnych\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>Infografika praktyczna<\/h3>\r\n <p>Podejmij dzia\u0142ania na rzecz odpowiedzialnego bud\u017cetowania i decyzji finansowych, aby wspiera\u0107 swoj\u0105 przedsi\u0119biorcz\u0105 drog\u0119<\/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_M3_Infographic_PL.pdf\" target=\"_blank\" rel=\"noopener\">\r\n <img decoding=\"async\" src=\"https:\/\/excel-erasmus.eu\/wp-content\/uploads\/2025\/10\/EXCEL_WP2_A2.3_M3_Infographic_PL-e1761849219641.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_M3_Infographic_PL.pdf\" class=\"learning-contents-button\" target=\"_blank\" rel=\"noopener\">\r\n Zobacz infografik\u0119\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;\">Zamknij<\/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;\">Zamknij<\/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;\">Zamknij<\/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>Odblokuj swoj\u0105 super moc inwestycyjn\u0105<\/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>Witamy! Jeste\u015b zmotywowan\u0105 przedsi\u0119biorczyni\u0105, gotow\u0105 przenie\u015b\u0107 sw\u00f3j biznes na wy\u017cszy poziom. Aby pozyska\u0107 finansowanie i rozwija\u0107 si\u0119 w spos\u00f3b zr\u00f3wnowa\u017cony, musisz odnale\u017a\u0107 si\u0119 w skomplikowanym \u015bwiecie inwestycji. Ten escape room sprawdzi Twoj\u0105 wiedz\u0119 i pomo\u017ce Ci podj\u0105\u0107 kluczowe decyzje finansowe. Czy znajdziesz w\u0142a\u015bciw\u0105 \u015bcie\u017ck\u0119 inwestycyjn\u0105?<\/p>\r\n <\/div>\r\n <div class=\"challenge\">\r\n <h4>WYZWANIE 1: Wybierz swoj\u0105 pierwsz\u0105 inwestycj\u0119<\/h4>\r\n <p>Pytanie \u2013 Przedsi\u0119biorca potrzebuje finansowania na ekspansj\u0119. Kt\u00f3ra metoda inwestycji wymaga sp\u0142aty po\u017cyczonej kwoty, zazwyczaj wraz z odsetkami?<\/p>\r\n <div class=\"puzzle-options\" id=\"puzzle1Options\">\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(1, 1, this)\">Finansowanie d\u0142u\u017cne<\/button>\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(1, 2, this)\">Finansowanie kapita\u0142owe<\/button>\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(1, 3, this)\">Crowdfunding<\/button>\r\n <\/div>\r\n <button class=\"download-btn\" onclick=\"checkPuzzle(1)\">Sprawd\u017a odpowied\u017a<\/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>WYZWANIE 2: Znalezienie r\u00f3wnowagi<\/h4>\r\n <p>Pytanie \u2013 Jaka jest og\u00f3lna zale\u017cno\u015b\u0107 mi\u0119dzy potencjalnym zyskiem a poziomem podejmowanego ryzyka w inwestowaniu?<\/p>\r\n <p><i>Wybierz wi\u0119cej ni\u017c jedn\u0105 odpowied\u017a.<\/i><\/p>\r\n <div class=\"puzzle-options\" id=\"puzzle2Options\">\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(2, 1, this)\">Wy\u017cszy potencjalny zwrot cz\u0119sto wi\u0105\u017ce si\u0119 z ryzykiem.<\/button>\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(2, 2, this)\">Ni\u017csze ryzyko zwykle oznacza ni\u017cszy zwrot.<\/button>\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(2, 3, this)\">Ryzyko i zysk nie maj\u0105 ze sob\u0105 zwi\u0105zku.<\/button>\r\n <\/div>\r\n <button class=\"download-btn\" onclick=\"checkPuzzle(2)\">Sprawd\u017a odpowied\u017a<\/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>WYZWANIE 3: Znalezienie danych inwestycyjnych<\/h4>\r\n <p>Pytanie \u2013 Gdzie przedsi\u0119biorca mo\u017ce znale\u017a\u0107 wiarygodne dane cyfrowe i platformy do badania potencjalnych inwestycji dla swojej firmy?<\/p>\r\n <p><i>Wybierz wi\u0119cej ni\u017c jedn\u0105 odpowied\u017a.<\/i><\/p>\r\n <div class=\"puzzle-options\" id=\"puzzle3Options\">\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(3, 1, this)\">Oficjalne strony internetowe i raporty firm<\/button>\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(3, 2, this)\">Renomowane witryny z wiadomo\u015bciami finansowymi<\/button>\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(3, 3, this)\">Niezweryfikowane grupy inwestycyjne w mediach spo\u0142eczno\u015bciowych<\/button>\r\n <\/div>\r\n <button class=\"download-btn\" onclick=\"checkPuzzle(3)\">Sprawd\u017a odpowied\u017a<\/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>WYZWANIE 4: Inwestuj z sensem<\/h4>\r\n <p>Pytanie \u2013 Przedsi\u0119biorca chce inwestowa\u0107 w inwestycje zgodne z jego warto\u015bciami spo\u0142ecznymi. Jaki rodzaj inwestycji powinien rozwa\u017cy\u0107?<\/p>\r\n <p><i>Wybierz wi\u0119cej ni\u017c jedn\u0105 odpowied\u017a.<\/i><\/p>\r\n <div class=\"puzzle-options\" id=\"puzzle4Options\">\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(4, 1, this)\">Bierze pod uwag\u0119 kwestie \u015brodowiskowe, spo\u0142eczne i zarz\u0105dzania<\/button>\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(4, 2, this)\">Koncentruje si\u0119 wy\u0142\u0105cznie na kr\u00f3tkoterminowych zyskach<\/button>\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(4, 3, this)\">Poszukuje firm o pozytywnym wp\u0142ywie spo\u0142ecznym<\/button>\r\n <\/div>\r\n <button class=\"download-btn\" onclick=\"checkPuzzle(4)\">Sprawd\u017a odpowied\u017a<\/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>WYZWANIE 5: Wspieranie wsp\u00f3\u0142za\u0142o\u017cycielek<\/h4>\r\n <p>Pytanie \u2013 W jaki spos\u00f3b kobiety-przedsi\u0119biorczynie mog\u0105 najlepiej wspiera\u0107 si\u0119 nawzajem w rozwijaniu swojej wiedzy i umiej\u0119tno\u015bci inwestycyjnych?<\/p>\r\n <p><i>Wybierz wi\u0119cej ni\u017c jedn\u0105 odpowied\u017a.<\/i><\/p>\r\n <div class=\"puzzle-options\" id=\"puzzle5Options\">\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(5, 1, this)\">Udost\u0119pniaj\u0105c niezawodne zasoby inwestycyjne<\/button>\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(5, 2, this)\">Zniech\u0119caj\u0105c do inwestowania ze wzgl\u0119du na ryzyko<\/button>\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(5, 3, this)\">Tworz\u0105c grupy sieciowe do dyskusji<\/button>\r\n <\/div>\r\n <button class=\"download-btn\" onclick=\"checkPuzzle(5)\">Sprawd\u017a odpowied\u017a<\/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>WYZWANIE 6: Rozwa\u017canie opcji<\/h4>\r\n <p>Pytanie \u2013 Jakie kluczowe czynniki przedsi\u0119biorca powinien dok\u0142adnie rozwa\u017cy\u0107, oceniaj\u0105c r\u00f3\u017cne mo\u017cliwo\u015bci inwestycyjne, zanim podejmie decyzj\u0119 ________?<\/p>\r\n <input type=\"text\" class=\"puzzle-input\" id=\"puzzle6Answer\" placeholder=\"Wpisz swoj\u0105 odpowied\u017a\">\r\n <button class=\"download-btn\" onclick=\"checkPuzzle(6)\">Sprawd\u017a odpowied\u017a<\/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>WYZWANIE 7: Odblokowana autonomia<\/h4>\r\n <p>Pytanie \u2013 Jaki jest kluczowy krok w budowaniu pewno\u015bci siebie i autonomii, aby m\u00f3c samodzielnie podejmowa\u0107 decyzje inwestycyjne?<\/p>\r\n <div class=\"puzzle-options\" id=\"puzzle7Options\">\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(7, 1, this)\">Zdob\u0105d\u017a kompleksow\u0105 wiedz\u0119 inwestycyjn\u0105<\/button>\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(7, 2, this)\">Polegaj wy\u0142\u0105cznie na rekomendacjach ekspert\u00f3w<\/button>\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(7, 3, this)\">Inwestuj impulsywnie, kieruj\u0105c si\u0119 trendami<\/button>\r\n <\/div>\r\n <button class=\"download-btn\" onclick=\"checkPuzzle(7)\">Sprawd\u017a odpowied\u017a<\/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>WYZWANIE 8: Wolno\u015b\u0107 finansowa<\/h4>\r\n <p>Pytanie \u2013 Jakie pozytywne rezultaty dla kobiet przedsi\u0119biorczy\u0144 mo\u017ce przynie\u015b\u0107 osi\u0105gni\u0119cie autonomii finansowej poprzez \u015bwiadome inwestowanie?<\/p>\r\n <p><i>Wybierz wi\u0119cej ni\u017c jedn\u0105 odpowied\u017a.<\/i><\/p>\r\n <div class=\"puzzle-options\" id=\"puzzle8Options\">\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(8, 1, this)\">Zwi\u0119kszone bezpiecze\u0144stwo i stabilno\u015b\u0107 finansowa<\/button>\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(8, 2, this)\">Mo\u017cliwo\u015b\u0107 finansowania rozwoju firmy<\/button>\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(8, 3, this)\">Ograniczona zdolno\u015b\u0107 podejmowania ryzyka<\/button>\r\n <\/div>\r\n <button class=\"download-btn\" onclick=\"checkPuzzle(8)\">Sprawd\u017a odpowied\u017a<\/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>Sprawd\u017a siebie i swoje zrozumienie w naszym cyfrowym pokoju zagadek, zastanawiaj\u0105c si\u0119 nad swoj\u0105 wiedz\u0105 i do\u015bwiadczeniem z poprzednich modu\u0142\u00f3w<\/p>\r\n <button class=\"download-btn\" onclick=\"enterEscapeRoom()\">\r\n <i class=\"fas fa-door-open\"><\/i> Wejd\u017a do Escape Roomu\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"quiz-section\">\r\n <h2>Przetestuj swoj\u0105 wiedz\u0119<\/h2>\r\n <button class=\"download-btn\" onclick=\"startQuiz()\">\r\n <i class=\"fas fa-play\"><\/i> Rozpocznij test\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>Test z wiedzy finansowej<\/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>Pytanie 1 \u2013 Kt\u00f3ra inwestycja daje inwestorom cz\u0119\u015bciow\u0105 w\u0142asno\u015b\u0107?<\/h3>\r\n <div class=\"quiz-options\">\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(1, 1)\">Po\u017cyczone \u015brodki, kt\u00f3re nale\u017cy zwr\u00f3ci\u0107<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(1, 2)\">Udzielenie inwestorom udzia\u0142u w sp\u00f3\u0142ce<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(1, 3)\">Zbieranie ma\u0142ych kwot od wielu os\u00f3b<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(1, 4)\">Wykorzystanie w\u0142asnych zaoszcz\u0119dzonych pieni\u0119dzy na biznes<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"quiz-question\" style=\"display: none;\">\r\n <h3>Pytanie 2 \u2013 Co ustala analiza progu rentowno\u015bci?<\/h3>\r\n <div class=\"quiz-options\">\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(2, 1)\">Ca\u0142kowity zysk firmy<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(2, 2)\">Ca\u0142kowite poniesione wydatki<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(2, 3)\">Punkt, w kt\u00f3rym przychody r\u00f3wnaj\u0105 si\u0119 kosztom<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(2, 4)\">Obliczanie zwrotu z inwestycji<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"quiz-question\" style=\"display: none;\">\r\n <h3>Pytanie 3 \u2013 Kt\u00f3re cyfrowe \u017ar\u00f3d\u0142o danych o inwestycjach jest wiarygodne?<\/h3>\r\n <div class=\"quiz-options\">\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(3, 1)\">Fora medi\u00f3w spo\u0142eczno\u015bciowych<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(3, 2)\">Renomowana strona z wiadomo\u015bciami finansowymi<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(3, 3)\">Niezweryfikowane blogi osobiste<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(3, 4)\">Fora dyskusyjne online<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"quiz-question\" style=\"display: none;\">\r\n <h3>Pytanie 4 \u2013 Jaki jest g\u0142\u00f3wny cel dywersyfikacji portfela inwestycyjnego?<\/h3>\r\n <div class=\"quiz-options\">\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(4, 1)\">Aby zmaksymalizowa\u0107 kr\u00f3tkoterminowe zyski<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(4, 2)\">Aby zmniejszy\u0107 ryzyko, rozk\u0142adaj\u0105c inwestycje na r\u00f3\u017cne aktywa<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(4, 3)\">Skupia\u0107 si\u0119 wy\u0142\u0105cznie na akcjach o wysokim wzro\u015bcie<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(4, 4)\">Aby wyeliminowa\u0107 wszystkie straty inwestycyjne<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"quiz-question\" style=\"display: none;\">\r\n <h3>Pytanie 5 \u2013 W jaki spos\u00f3b mo\u017cna pom\u00f3c kolegom w zdobywaniu wiedzy na temat inwestycji?<\/h3>\r\n <div class=\"quiz-options\">\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(5, 1)\">Zniech\u0119caj ich ze wzgl\u0119du na ryzyko<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(5, 2)\">Powiedz im, jakie akcje maj\u0105 kupi\u0107<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(5, 3)\">Udost\u0119pniaj wiarygodne zasoby i informacje<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(5, 4)\">Zignoruj ich pytania dotycz\u0105ce inwestycji<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"quiz-question\" style=\"display: none;\">\r\n <h3>Pytanie 6 \u2013 Jaka jest g\u0142\u00f3wna korzy\u015b\u0107 p\u0142yn\u0105ca ze zdobywania wiedzy o inwestowaniu?<\/h3>\r\n <div class=\"quiz-options\">\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(6, 1)\">Unikanie wszelkiego ryzyka finansowego<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(6, 2)\">Gwarantowanie wysokich zysk\u00f3w<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(6, 3)\">Podejmowanie \u015bwiadomych decyzji finansowych<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(6, 4)\">Poleganie tylko na szcz\u0119\u015bciu<\/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> Notatki osobiste<\/h3>\r\n <p>R\u00f3b notatki podczas swojej nauki<\/p>\r\n <div class=\"notes-container\">\r\n <textarea class=\"notes-input\" id=\"notesInput\" placeholder=\"Zapisz tutaj swoje notatki...\"><\/textarea>\r\n <div class=\"notes-actions\">\r\n <button class=\"notes-btn\" onclick=\"saveNote()\">\r\n <i class=\"fas fa-save\"><\/i> Zapisz notatki\r\n <\/button>\r\n <button class=\"notes-btn\" onclick=\"downloadNotes()\">\r\n <i class=\"fas fa-download\"><\/i> Pobierz notatki\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 <div class=\"tool-card\">\r\n <h3><i class=\"fas fa-road\"><\/i> Kontynuuj swoj\u0105 podr\u00f3\u017c edukacyjn\u0105<\/h3>\r\n <p>Co dalej w Twojej podr\u00f3\u017cy? Przejd\u017a i wybierz nowy modu\u0142<\/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\/pl\/modul-1-budzetowanie-i-planowanie-finansowe\/\" target=\"_blank\" rel=\"noopener\">Bud\u017cetowanie i planowanie finansowe<\/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\/pl\/zrozumienie-sprawozdan-finansowych\/\" target=\"_blank\" rel=\"noopener\">Zrozumienie sprawozda\u0144 finansowych<\/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\/pl\/wiedza-inwestycyjna\/\" target=\"_blank\" rel=\"noopener\">Wiedza inwestycyjna<\/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\/pl\/zarzadzanie-dlugiem-i-ryzykiem\/\" target=\"_blank\" rel=\"noopener\">Zarz\u0105dzanie d\u0142ugiem i ryzykiem<\/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\/pl\/zrownowazone-finanse-dla-strategicznych-decyzji-finansowych\/\" target=\"_blank\" rel=\"noopener\">Zr\u00f3wnowa\u017cone finanse dla strategicznych decyzji finansowych<\/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 document.querySelectorAll('.quiz-question').forEach(q => q.style.display = 'none');\r\n document.querySelector(`.quiz-question:nth-child(${number})`).style.display = 'block';\r\n }\r\n\r\n function checkAnswer(question, answer) {\r\n const options = document.querySelectorAll(`.quiz-question:nth-child(${question}) .quiz-option`);\r\n options.forEach(option => option.style.pointerEvents = 'none');\r\n\r\n const correctAnswers = {\r\n 1: 2, \/\/ 2 \u00e9 a resposta correta para quest\u00e3o 1\r\n 2: 3, \/\/ 3 \u00e9 a resposta correta para quest\u00e3o 2\r\n 3: 2, \/\/ 2 \u00e9 a resposta correta para quest\u00e3o 3\r\n 4: 2, \/\/ 2 \u00e9 a resposta correta para quest\u00e3o 4\r\n 5: 3, \/\/ 3 \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>Koniec quizu!<\/h3>\r\n <p>Tw\u00f3j wynik: ${score}\/${totalQuestions}<\/p>\r\n <button class=\"download-btn\" onclick=\"closeQuiz()\">Zamknij test<\/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 \/\/ Check if this puzzle supports multiple answers (2, 3, 4, 5, 8)\r\n const multiAnswerPuzzles = [2, 3, 4, 5, 8];\r\n const isMultiAnswer = multiAnswerPuzzles.includes(puzzleId);\r\n \r\n if (isMultiAnswer) {\r\n \/\/ Toggle selection for multi-answer puzzles\r\n if (buttonElement.classList.contains('selected')) {\r\n buttonElement.classList.remove('selected');\r\n } else {\r\n buttonElement.classList.add('selected');\r\n }\r\n \r\n \/\/ Get all selected buttons for this puzzle\r\n const puzzleOptions = document.getElementById(`puzzle${puzzleId}Options`);\r\n const selectedButtons = puzzleOptions.querySelectorAll('.puzzle-option-btn.selected');\r\n const selectedValues = Array.from(selectedButtons).map(btn => {\r\n const onclick = btn.getAttribute('onclick');\r\n const match = onclick.match(new RegExp(`selectPuzzleOption\\\\(${puzzleId}, (\\\\d+), this\\\\)`));\r\n return match ? match[1] : null;\r\n }).filter(val => val !== null);\r\n \r\n \/\/ Store multiple selected answers\r\n selectedAnswers[puzzleId] = selectedValues.join(',');\r\n } else {\r\n \/\/ Single answer puzzles (original behavior)\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\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 if (puzzle === 6) {\r\n \/\/ Text input puzzles\r\n inputElement = document.getElementById(`puzzle${puzzle}Answer`);\r\n if (!inputElement) return;\r\n answer = inputElement.value;\r\n } else {\r\n \/\/ Button-based puzzles\r\n if (!selectedAnswers[puzzle]) {\r\n alert('Najpierw wybierz opcj\u0119!');\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 \/\/ Clear the selected answer display\r\n const selectedAnswerDiv = document.getElementById(`selectedAnswer${puzzle}`);\r\n if (selectedAnswerDiv) {\r\n selectedAnswerDiv.classList.remove('show');\r\n }\r\n \r\n const correctAnswers = {\r\n 1: '1', \/\/ Debt financing \r\n 2: '1,2', \/\/ Higher potential return often implies risk. \/ Lower risk usually means lower return.\r\n 3: '1,2', \/\/ Official company websites and reports \/Reputable financial news websites\r\n 4: '1,3', \/\/ Considers Environmental, Social, Governance \/ Seeks companies with positive social impact\r\n 5: '1,3', \/\/ Share reliable investment resources \/ Create networking groups for discussion\r\n 6: 'decision', \/\/ decision\r\n 7: '1', \/\/ Gain comprehensive investment knowledge\r\n 8: '1,2' \/\/ Increased financial security and stability \/ Ability to fund business growth\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 \/\/ Check if this puzzle supports multiple answers\r\n const multiAnswerPuzzles = [2, 3, 4, 5, 8];\r\n const isMultiAnswer = multiAnswerPuzzles.includes(puzzle);\r\n \r\n \/\/ For multi-answer puzzles, check if all correct answers are selected\r\n let isCorrect = false;\r\n if (isMultiAnswer) {\r\n const correctAnswerArray = correctAnswers[puzzle].split(',');\r\n const selectedAnswerArray = answer.split(',').filter(val => val.trim() !== '');\r\n isCorrect = correctAnswerArray.length === selectedAnswerArray.length && \r\n correctAnswerArray.every(correct => selectedAnswerArray.includes(correct)) &&\r\n selectedAnswerArray.every(selected => correctAnswerArray.includes(selected));\r\n } else {\r\n isCorrect = answer.toLowerCase() === correctAnswers[puzzle];\r\n }\r\n \r\n if (isCorrect) {\r\n if (puzzle === 6) {\r\n \/\/ Text input\r\n inputElement.classList.add('correct');\r\n inputElement.disabled = true;\r\n } else {\r\n \/\/ Button-based puzzle\r\n const allButtons = inputElement.querySelectorAll('.puzzle-option-btn');\r\n allButtons.forEach(btn => btn.style.pointerEvents = 'none');\r\n \r\n \/\/ Highlight correct buttons\r\n if (isMultiAnswer) {\r\n const correctAnswerArray = correctAnswers[puzzle].split(',');\r\n correctAnswerArray.forEach(correctValue => {\r\n const allButtons = inputElement.querySelectorAll('.puzzle-option-btn');\r\n allButtons.forEach(btn => {\r\n const onclick = btn.getAttribute('onclick');\r\n const match = onclick.match(new RegExp(`selectPuzzleOption\\\\(${puzzle}, ${correctValue}, this\\\\)`));\r\n if (match) {\r\n btn.classList.add('correct');\r\n }\r\n });\r\n });\r\n } else {\r\n const allButtons = inputElement.querySelectorAll('.puzzle-option-btn');\r\n allButtons.forEach(btn => {\r\n const onclick = btn.getAttribute('onclick');\r\n const match = onclick.match(new RegExp(`selectPuzzleOption\\\\(${puzzle}, ${correctAnswers[puzzle]}, this\\\\)`));\r\n if (match) {\r\n btn.classList.add('correct');\r\n }\r\n });\r\n }\r\n }\r\n \r\n const encouragements = {\r\n 1: \"Dok\u0142adnie tak! Finansowanie d\u0142u\u017cne polega na zaci\u0105ganiu po\u017cyczek, kt\u00f3re musz\u0105 zosta\u0107 sp\u0142acone, zazwyczaj z odsetkami, co tworzy zobowi\u0105zanie dla firmy. To r\u00f3\u017cni si\u0119 od sprzeda\u017cy w\u0142asno\u015bci.\",\r\n 2: \"Doskonale! Poprawnie zidentyfikowa\u0142a\u015b kluczowe zale\u017cno\u015bci mi\u0119dzy ryzykiem a stop\u0105 zwrotu. Wy\u017csze potencjalne stopy zwrotu wi\u0105\u017c\u0105 si\u0119 z wy\u017cszym ryzykiem, a ni\u017csze ryzyko cz\u0119sto oznacza ni\u017csze stopy zwrotu. Pami\u0119taj, \u017ce m\u0105dre strategie, takie jak dywersyfikacja, r\u00f3wnie\u017c mog\u0105 wp\u0142ywa\u0107 na ryzyko.\",\r\n 3: \"Doskonale! Wiesz, gdzie szuka\u0107 wiarygodnych informacji inwestycyjnych online. Poleganie na renomowanych platformach finansowych, oficjalnych raportach firm i znanych dostawcach danych jest kluczowe dla podejmowania \u015bwiadomych decyzji.\",\r\n 4: \"\u015awietnie! Inwestowanie etyczne \u0142\u0105czy warto\u015bci z celami finansowymi \u2014 ESG i wp\u0142yw spo\u0142eczny to kluczowe aspekty, gdy chcesz inwestowa\u0107 z sensem.\",\r\n 5: \"Fantastycznie! Wzajemne wspieranie si\u0119 poprzez dzielenie si\u0119 wiedz\u0105, zasobami, mentoringiem i otwart\u0105 dyskusj\u0105 jest kluczem do wsp\u00f3lnego poruszania si\u0119 po \u015bwiecie inwestycji. Wsp\u00f3lna nauka wzmacnia nasz\u0105 wsp\u00f3ln\u0105 podr\u00f3\u017c.\",\r\n 6: \"Dok\u0142adnie tak! Po dok\u0142adnym rozwa\u017ceniu kluczowych czynnik\u00f3w, kolejnym krokiem jest podj\u0119cie \u015bwiadomej decyzji. \u015awietna robota z okre\u015bleniem kluczowego rezultatu procesu ewaluacji.\",\r\n 7: \"Brawo! Budowanie autonomii inwestycyjnej opiera si\u0119 na zdobywaniu wiedzy, prowadzeniu bada\u0144 i rozumieniu ryzyka. Te kroki pomog\u0105 Ci podejmowa\u0107 \u015bwiadome decyzje, zgodne z Twoimi celami.\",\r\n 8: \"Gratulacje! Odkry\u0142a\u015b drog\u0119 do Wolno\u015bci Finansowej. Zdobywaj\u0105c wiedz\u0119 o inwestowaniu, zyskujesz bezpiecze\u0144stwo, zwi\u0119kszasz swoje fundusze, budujesz maj\u0105tek i osi\u0105gasz prawdziw\u0105 niezale\u017cno\u015b\u0107 finansow\u0105. Pami\u0119taj, \u017ce to dopiero pocz\u0105tek \u2014 kontynuuj stosowanie zdobytej wiedzy, aby kszta\u0142towa\u0107 swoj\u0105 przysz\u0142o\u015b\u0107!\"\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 if (puzzle === 6) {\r\n \/\/ Text input\r\n inputElement.classList.add('incorrect');\r\n } else {\r\n \/\/ Button-based puzzle\r\n const allButtons = inputElement.querySelectorAll('.puzzle-option-btn');\r\n allButtons.forEach(btn => btn.style.pointerEvents = 'none');\r\n \r\n \/\/ Highlight incorrect buttons\r\n if (isMultiAnswer) {\r\n \/\/ Highlight all selected buttons as incorrect\r\n const selectedButtons = inputElement.querySelectorAll('.puzzle-option-btn.selected');\r\n selectedButtons.forEach(btn => btn.classList.add('incorrect'));\r\n \r\n \/\/ Also highlight correct answers that weren't selected\r\n const correctAnswerArray = correctAnswers[puzzle].split(',');\r\n correctAnswerArray.forEach(correctValue => {\r\n const allButtons = inputElement.querySelectorAll('.puzzle-option-btn');\r\n allButtons.forEach(btn => {\r\n const onclick = btn.getAttribute('onclick');\r\n const match = onclick.match(new RegExp(`selectPuzzleOption\\\\(${puzzle}, ${correctValue}, this\\\\)`));\r\n if (match && !btn.classList.contains('selected')) {\r\n btn.classList.add('correct');\r\n }\r\n });\r\n });\r\n } else {\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 }\r\n \r\n const tryAgainMessages = {\r\n 1: \"Nie do ko\u0144ca. Pomy\u015bl o metodach inwestycyjnych, w kt\u00f3rych otrzymane pieni\u0105dze stanowi\u0105 po\u017cyczk\u0119, kt\u00f3r\u0105 nale\u017cy sp\u0142aci\u0107. Przejrzyj charakterystyk\u0119 finansowania d\u0142u\u017cnego w Module 3.\",\r\n 2: \"Nie do ko\u0144ca. Przeanalizuj stwierdzenia dotycz\u0105ce powi\u0105za\u0144 mi\u0119dzy ryzykiem a potencjalnym zyskiem w \u015bwiecie inwestycji. Zastan\u00f3w si\u0119, jak r\u00f3\u017cne poziomy ryzyka zazwyczaj koreluj\u0105 z r\u00f3\u017cnymi poziomami potencjalnego zysku, i zastan\u00f3w si\u0119 nad strategiami, kt\u00f3re mog\u0105 wp\u0142ywa\u0107 na ryzyko.\",\r\n 3: \"Nie do ko\u0144ca. Niekt\u00f3re z wybranych \u017ar\u00f3de\u0142 mog\u0105 nie by\u0107 najbardziej wiarygodne w kontek\u015bcie bada\u0144 inwestycyjnych lub by\u0107 mo\u017ce pomin\u0119\u0142a\u015b niekt\u00f3re kluczowe i wiarygodne \u017ar\u00f3d\u0142a. Pami\u0119taj, aby podczas wyszukiwania danych finansowych priorytetowo traktowa\u0107 oficjalne i renomowane platformy.\",\r\n 4: \"Nie do ko\u0144ca. Skupienie si\u0119 wy\u0142\u0105cznie na kr\u00f3tkoterminowym zysku nie odzwierciedla etycznego inwestowania ani inwestowania opartego na warto\u015bciach. Pomy\u015bl o strategiach uwzgl\u0119dniaj\u0105cych kwestie \u015brodowiskowe, spo\u0142eczne i \u0142ad korporacyjny.\",\r\n 5: \"Nie do ko\u0144ca. Pomy\u015bl o najbardziej konstruktywnych i skutecznych sposobach, w jakie przedsi\u0119biorcy mog\u0105 autentycznie pomaga\u0107 sobie nawzajem w zdobywaniu wiedzy i podejmowaniu lepszych decyzji inwestycyjnych. Rozwa\u017c korzy\u015bci p\u0142yn\u0105ce ze dzielenia si\u0119 do\u015bwiadczeniem i rzetelnych informacji.\",\r\n 6: \"Nie do ko\u0144ca. Przeczytaj zdanie jeszcze raz i zastan\u00f3w si\u0119, jakie dzia\u0142anie logicznie wynika z procesu starannego rozwa\u017cenia r\u00f3\u017cnych czynnik\u00f3w i mo\u017cliwo\u015bci inwestycyjnych. Jaki jest Tw\u00f3j ostateczny cel?\",\r\n 7: \"Nie do ko\u0144ca. Przeanalizuj dost\u0119pne opcje i zastan\u00f3w si\u0119, kt\u00f3re dzia\u0142ania rzeczywi\u015bcie pomog\u0105 Ci zbudowa\u0107 pewno\u015b\u0107 siebie i niezale\u017cno\u015b\u0107 w Twojej podr\u00f3\u017cy inwestycyjnej. Poleganie wy\u0142\u0105cznie na innych lub impulsywne dzia\u0142anie nie doprowadzi Ci\u0119 do prawdziwej autonomii.\",\r\n 8: \"Ju\u017c prawie gotowe! Przejrzyj dost\u0119pne opcje i zastan\u00f3w si\u0119 nad znacz\u0105cym, pozytywnym wp\u0142ywem, jaki \u015bwiadome inwestowanie i autonomia finansowa mog\u0105 mie\u0107 na bezpiecze\u0144stwo, rozw\u00f3j i og\u00f3ln\u0105 niezale\u017cno\u015b\u0107 przedsi\u0119biorcy. Jeste\u015b blisko znalezienia ostatecznej odpowiedzi!\"\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 if (puzzle === 6) {\r\n inputElement.classList.remove('incorrect');\r\n inputElement.value = ''; \/\/ Clear the input\r\n } else {\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 const selectedAnswerDiv = document.getElementById(`selectedAnswer${puzzle}`);\r\n if (selectedAnswerDiv) {\r\n selectedAnswerDiv.classList.remove('show');\r\n }\r\n }\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>Gratulacje! Uda\u0142o Ci si\u0119 pokona\u0107 wyzwania zwi\u0105zane z wiedz\u0105 inwestycyjn\u0105. Pozna\u0142a\u015b r\u00f3\u017cne \u015bcie\u017cki inwestycyjne i nauczy\u0142a\u015b si\u0119 my\u015ble\u0107 strategicznie o pomna\u017caniu swoich finans\u00f3w. Pami\u0119taj, to dopiero pocz\u0105tek \u2014 kontynuuj badania, oceniaj opcje i podejmuj \u015bwiadome decyzje inwestycyjne, aby zbudowa\u0107 mocn\u0105 przysz\u0142o\u015b\u0107 finansow\u0105 na swojej drodze przedsi\u0119biorczo\u015bci!<\/p>\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()\">Zamknij przygod\u0119<\/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 \/\/ Reset text inputs\r\n document.querySelectorAll('.puzzle-input').forEach(input => {\r\n input.value = '';\r\n input.disabled = false;\r\n input.classList.remove('correct', 'incorrect');\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 \/\/ Clear selected answer displays\r\n document.querySelectorAll('.selected-answer').forEach(div => {\r\n div.classList.remove('show');\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('Brak notatek do pobrania!');\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 \u201cInvestment knowledge\u201d where you will explore different types of investment options and learn how to evaluate them to support the growth and sustainability of your business. 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-1354","page","type-page","status-publish","hentry","entry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/excel-erasmus.eu\/pl\/wp-json\/wp\/v2\/pages\/1354","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/excel-erasmus.eu\/pl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/excel-erasmus.eu\/pl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/excel-erasmus.eu\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/excel-erasmus.eu\/pl\/wp-json\/wp\/v2\/comments?post=1354"}],"version-history":[{"count":242,"href":"https:\/\/excel-erasmus.eu\/pl\/wp-json\/wp\/v2\/pages\/1354\/revisions"}],"predecessor-version":[{"id":4464,"href":"https:\/\/excel-erasmus.eu\/pl\/wp-json\/wp\/v2\/pages\/1354\/revisions\/4464"}],"wp:attachment":[{"href":"https:\/\/excel-erasmus.eu\/pl\/wp-json\/wp\/v2\/media?parent=1354"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}