{"id":996,"date":"2025-03-18T16:41:57","date_gmt":"2025-03-18T16:41:57","guid":{"rendered":"https:\/\/excel-erasmus.eu\/?page_id=996"},"modified":"2025-12-02T11:38:49","modified_gmt":"2025-12-02T11:38:49","slug":"training-programme","status":"publish","type":"page","link":"https:\/\/excel-erasmus.eu\/pl\/budzetowanie-i-planowanie-finansowe\/","title":{"rendered":"Bud\u017cetowanie i planowanie finansowe"},"content":{"rendered":"\t\t
\n\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>Wideo<\/h3>\r\n <p>Witamy w module \u201eBud\u017cetowanie i planowanie finansowe\u201d, w kt\u00f3rym dowiesz si\u0119, jak tworzy\u0107 i zarz\u0105dza\u0107 efektywnymi bud\u017cetami przy u\u017cyciu narz\u0119dzi cyfrowych, aby zapewni\u0107 Twojej firmie stabilno\u015b\u0107 finansow\u0105 i elastyczno\u015b\u0107.<\/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_M1_Video_PL.mp4\" type=\"video\/mp4\">\r\n Twoja przegl\u0105darka nie obs\u0142uguje elementu wideo\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> Pauza\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\/M1_Budgeting and financial planning_PL\/index.html\" target=\"_blank\" rel=\"noopener\">\r\n <img decoding=\"async\" src=\"https:\/\/excel-erasmus.eu\/wp-content\/uploads\/2025\/10\/EXCEL_WP2_M1-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\/M1_Budgeting and financial planning_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 w kierunku odpowiedzialnego bud\u017cetowania\/decyzji finansowych, aby wesprze\u0107 swoj\u0105 podr\u00f3\u017c przedsi\u0119biorcz\u0105<\/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_M1_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_M1_Infographic_PL-e1761849395288.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_M1_Infographic_PL.pdf\" class=\"learning-contents-button\" target=\"_blank\" rel=\"noopener\">\r\n View 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;\">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>Niech prognoza b\u0119dzie z Tob\u0105 (i niech b\u0119dzie dok\u0142adna)<\/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>Sara jest w\u0142a\u015bcicielk\u0105 firmy cateringowej w swoim mie\u015bcie. Dzia\u0142a na rynku od dw\u00f3ch lat, kieruj\u0105c swoje us\u0142ugi g\u0142\u00f3wnie do klient\u00f3w indywidualnych. Poniewa\u017c grono jej klient\u00f3w stale ro\u015bnie, postanawia skierowa\u0107 swoj\u0105 ofert\u0119 cateringow\u0105 r\u00f3wnie\u017c do firm. Wi\u0105\u017ce si\u0119 to z konieczno\u015bci\u0105 zainwestowania wi\u0119kszych \u015brodk\u00f3w w dzia\u0142alno\u015b\u0107 cateringow\u0105, zatrudnieniem nowych pracownik\u00f3w i przeniesieniem dzia\u0142alno\u015bci do wi\u0119kszego lokalu. Czy mo\u017cesz pom\u00f3c Sarze w prognozowaniu przychod\u00f3w ze sprzeda\u017cy?<\/p>\r\n <\/div>\r\n <div class=\"challenge\">\r\n <h4>WYZWANIE 1: Bud\u017cetowanie na rzecz zr\u00f3wnowa\u017conego rozwoju<\/h4>\r\n <p>Pytanie \u2013 Sara chce rozpocz\u0105\u0107 prognozowanie sprzeda\u017cy w ramach ekspansji swojego biznesu. Jaki powinien by\u0107 pierwszy krok?<\/p>\r\n <div class=\"puzzle-options\" id=\"puzzle1Options\">\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(1, 1, this)\">Przeprowadzanie rozm\u00f3w kwalifikacyjnych i zatrudnianie nowych pracownik\u00f3w<\/button>\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(1, 2, this)\">Wyznaczanie cel\u00f3w finansowych i harmonogram\u00f3w<\/button>\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(1, 3, this)\">Skupienie si\u0119 na marketingu<\/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: Zbieranie istotnych danych wewn\u0119trznych<\/h4>\r\n <p>Pytanie \u2013 Sara przygotowuje si\u0119 do zebrania wszystkich niezb\u0119dnych danych wewn\u0119trznych, kt\u00f3re b\u0119d\u0105 potrzebne do prognozowania sprzeda\u017cy i przychod\u00f3w. Czego Sara mo\u017ce si\u0119 dowiedzie\u0107, analizuj\u0105c historyczne przychody?<\/p>\r\n <div class=\"puzzle-options\" id=\"puzzle2Options\">\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(2, 1, this)\">Koszt\u00f3w opakowa\u0144 plastikowych<\/button>\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(2, 2, this)\">Koszt\u00f3w pracownik\u00f3w i ubezpiecze\u0144 spo\u0142ecznych<\/button>\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(2, 3, this)\">B\u0119dzie potrafi\u0142a identyfikowa\u0107 wzorce, sezonowo\u015b\u0107 i wska\u017aniki wzrostu<\/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: Czynniki zewn\u0119trzne istotne dla prognozy przychod\u00f3w<\/h4>\r\n <p>Pytanie \u2013 W kolejnym kroku Sara przygotowuje si\u0119 do zebrania danych zewn\u0119trznych, kt\u00f3re b\u0119d\u0105 jej potrzebne do prognozowania sprzeda\u017cy i przychod\u00f3w. Czy mo\u017cesz pom\u00f3c jej wybra\u0107 najlepsze \u017ar\u00f3d\u0142a informacji?<\/p>\r\n <div class=\"puzzle-options\" id=\"puzzle3Options\">\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(3, 1, this)\">Wahania gospodarcze<\/button>\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(3, 2, this)\">Trendy bran\u017cowe, analiza rynku i analiza konkurencji<\/button>\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(3, 3, this)\">Wszystkie powy\u017csze odpowiedzi s\u0105 poprawne<\/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: Metody sprzeda\u017cy<\/h4>\r\n <p>Pytanie \u2013 Sara, na podstawie bada\u0144 rynku dotycz\u0105cych konkurencji, podejmuje decyzje o inwestycjach w obszary o najwi\u0119kszym potencjale wzrostu i rentowno\u015bci. Bada potrzeby, preferencje i cele swoich klient\u00f3w, oferuj\u0105c im rozwi\u0105zania, kt\u00f3re spe\u0142niaj\u0105 lub przewy\u017cszaj\u0105 ich oczekiwania. Jakich metod mo\u017ce u\u017cy\u0107?<\/p>\r\n <div class=\"puzzle-options\" id=\"puzzle4Options\">\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(4, 1, this)\">Oferowa\u0107 nowe menu cateringowe<\/button>\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(4, 2, this)\">Sprzeda\u017c krzy\u017cowa i sprzeda\u017c dodatkowa (cross-selling and upselling)<\/button>\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(4, 3, this)\">R\u00f3\u017cnorodno\u015b\u0107 p\u0142ci w jej zespole<\/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: Upselling<\/h4>\r\n <p>Pytanie \u2013 Upselling to \u2026\u2026. \u2026\u2026 polegaj\u0105ca na zach\u0119caniu klient\u00f3w do zakupu dro\u017cszej lub bardziej zaawansowanej wersji produktu, kt\u00f3rego pierwotnie chcieli naby\u0107.<\/p>\r\n <input type=\"text\" class=\"puzzle-input\" id=\"puzzle5Answer\" placeholder=\"Enter your answer\">\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: Korzy\u015bci z (sprzeda\u017cy krzy\u017cowej) cross selling<\/h4>\r\n <p>Pytanie \u2013 Aby wyprzedzi\u0107 konkurencj\u0119, Sara planuje r\u00f3wnie\u017c skorzysta\u0107 z metody cross-sellingu. Czy mo\u017cesz pom\u00f3c jej dostrzec korzy\u015bci?<\/p>\r\n <div class=\"puzzle-options\" id=\"puzzle6Options\">\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(6, 1, this)\">Sprzeda\u017c krzy\u017cowa mo\u017ce pom\u00f3c jej zwi\u0119kszy\u0107 wolumen sprzeda\u017cy<\/button>\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(6, 2, this)\">Zaprezentowanie oferty cateringowej i zapewnienie klientom wi\u0119kszej warto\u015bci<\/button>\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(6, 3, this)\">Wszystkie powy\u017csze odpowiedzi s\u0105 poprawne<\/button>\r\n <\/div>\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: Zysk z celem<\/h4>\r\n <p>Pytanie \u2013 Cross-selling to sytuacja, w kt\u00f3rej sugerujesz swoim klientom zakup dodatkowych\/dro\u017cszych produkt\u00f3w lub us\u0142ug.<\/p>\r\n <input type=\"text\" class=\"puzzle-input\" id=\"puzzle7Answer\" placeholder=\"Enter your answer\">\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: Czas zaplanowa\u0107 strategi\u0119 marketingow\u0105?<\/h4>\r\n <p>Pytanie \u2013 Sara planuje swoj\u0105 strategi\u0119 marketingow\u0105. Kt\u00f3ry z poni\u017cszych aspekt\u00f3w jest najwa\u017cniejszy w marketingu?<\/p>\r\n <div class=\"puzzle-options\" id=\"puzzle8Options\">\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(8, 1, this)\">Prognozowanie zysk\u00f3w<\/button>\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(8, 2, this)\">Prognozowanie sprzeda\u017cy<\/button>\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(8, 3, this)\">Targetowanie rynku<\/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 Jaka jest rola bud\u017cetowania w przedsi\u0119biorstwach?<\/h3>\r\n <div class=\"quiz-options\">\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(1, 1)\">Pomaga firmom w alokacji zasob\u00f3w, kontrolowaniu koszt\u00f3w i podejmowaniu \u015bwiadomych decyzji w celu osi\u0105gni\u0119cia cel\u00f3w strategicznych<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(1, 2)\">Bud\u017cetowanie uniemo\u017cliwia ludziom posiadanie nowych pomys\u0142\u00f3w i bycie kreatywnym<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(1, 3)\">Bud\u017cet to dokument, kt\u00f3ry jest zawsze taki sam i nie wymaga zmian<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(1, 4)\">Bud\u017cetowanie opiera si\u0119 na ograniczeniu wydatk\u00f3w<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"quiz-question\" style=\"display: none;\">\r\n <h3>Pytanie 2 \u2013 Jakie s\u0105 kluczowe elementy strategicznego planowania finansowego?<\/h3>\r\n <div class=\"quiz-options\">\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(2, 1)\">Kr\u00f3tkoterminowy plan bud\u017cetowy<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(2, 2)\">Misja firmy i branding<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(2, 3)\">Wyznaczanie cel\u00f3w, ocena ryzyka, planowanie inwestycji, bud\u017cetowanie i opracowywanie planu strategicznego<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(2, 4)\">Analiza SWOT<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"quiz-question\" style=\"display: none;\">\r\n <h3>Pytanie 3 \u2013 Jaka jest kluczowa cecha dobrej aplikacji do planowania finansowego?<\/h3>\r\n <div class=\"quiz-options\">\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(3, 1)\">Mo\u017cliwo\u015b\u0107 pewnego przewidywania przysz\u0142ych dochod\u00f3w<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(3, 2)\">Automatyczne przypomnienia o p\u0142atno\u015bciach rachunk\u00f3w i kategoryzacja wydatk\u00f3w<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(3, 3)\">Automatyczne generowanie zezna\u0144 podatkowych<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(3, 4)\">Mo\u017cliwo\u015b\u0107 dok\u0142adnego przewidywania ile wydasz w przysz\u0142o\u015bci<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"quiz-question\" style=\"display: none;\">\r\n <h3>Pytanie 4 \u2013 Aby dostosowa\u0107 plany finansowe w odpowiedzi na nieprzewidywalne zmiany w otoczeniu biznesowym, w\u0142a\u015bciciel firmy musi:<\/h3>\r\n <div class=\"quiz-options\">\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(4, 1)\">Wdro\u017cy\u0107 elastyczne, proaktywne i stale monitorowane podej\u015bcie<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(4, 2)\">Obni\u017cy\u0107 koszty<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(4, 3)\">Ograniczy\u0107 wszystkie inwestycje<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(4, 4)\">Wzi\u0105\u0107 kredyt bankowy<\/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 opracowa\u0107 i zarz\u0105dza\u0107 procesem bud\u017cetowania w kontek\u015bcie wymagaj\u0105cym elastyczno\u015bci i strategicznej rewizji?<\/h3>\r\n <div class=\"quiz-options\">\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(5, 1)\">Regularnie ocenia\u0107 sam proces bud\u017cetowania, identyfikuj\u0105c obszary wymagaj\u0105ce ulepsze\u0144 i wdra\u017caj\u0105c niezb\u0119dne zmiany<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(5, 2)\">Nada\u0107 priorytet projektom i inicjatywom, kt\u00f3re przynosz\u0105 organizacji najwi\u0119ksz\u0105 warto\u015b\u0107<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(5, 3)\">Opracowywa\u0107 i analizowa\u0107 r\u00f3\u017cne scenariusze w celu przewidywania potencjalnych wyzwa\u0144 i mo\u017cliwo\u015bci<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(5, 4)\">Wszystkie powy\u017csze stwierdzenia s\u0105 poprawne<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"quiz-question\" style=\"display: none;\">\r\n <h3>Pytanie 6 \u2013 Skuteczne planowanie finansowe ma kluczowe znaczenie dla sukcesu zar\u00f3wno indywidualnego, jak i zespo\u0142owego, poniewa\u017c:<\/h3>\r\n <div class=\"quiz-options\">\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(6, 1)\">Planowanie finansowe pomaga zespo\u0142om zrozumie\u0107, sk\u0105d maj\u0105 pieni\u0105dze i sprawia, \u017ce dok\u0142adnie zastanawiaj\u0105 si\u0119, jak je wyda\u0107 na r\u00f3\u017cne projekty i pomys\u0142y<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(6, 2)\">Zmniejsza motywacj\u0119 i lojalno\u015b\u0107<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(6, 3)\">Zmniejsza poczucie sprawczo\u015bci<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(6, 4)\">Zapewnia jednostkom lepsz\u0105 r\u00f3wnowag\u0119 mi\u0119dzy \u017cyciem zawodowym a prywatnym<\/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=\"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> 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\/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: 1, \/\/ 1 \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: 1, \/\/ 1 \u00e9 a resposta correta para quest\u00e3o 4\r\n 5: 4, \/\/ 4 \u00e9 a resposta correta para quest\u00e3o 5\r\n 6: 1 \/\/ 1 \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 \/\/ 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 text input puzzle or button-based puzzle\r\n if (puzzle === 5 || puzzle === 7) {\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\r\n \r\n const correctAnswers = {\r\n 1: '2', \/\/ Setting financial goals and timeframe\r\n 2: '3', \/\/ She can identify patterns, seasonality, and growth rates\r\n 3: '3', \/\/ All of the above are correct\r\n 4: '2', \/\/ Cross selling and up selling\r\n 5: 'technika sprzeda\u017cy', \/\/ Sales technique (PL)\r\n 6: '3', \/\/ All the above are correct\r\n 7: 'dodatkowych', \/\/ true (PL)\r\n 8: '2' \/\/ Sales forecasting\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 \/\/ For text inputs, check if the answer contains the correct keywords\r\n let isCorrect = false;\r\n if (puzzle === 5 || puzzle === 7) {\r\n const userAnswer = answer.toLowerCase().trim();\r\n const correctAnswer = correctAnswers[puzzle].toLowerCase();\r\n \r\n \/\/ Check for exact match or if the answer contains the correct keywords\r\n if (userAnswer === correctAnswer || \r\n (puzzle === 5 && (userAnswer.includes('technika') && userAnswer.includes('sprzeda\u017cy'))) ||\r\n (puzzle === 7 && (userAnswer === 'dodatkowych' || userAnswer === 'tak' || userAnswer === 'poprawna'))) {\r\n isCorrect = true;\r\n }\r\n } else {\r\n isCorrect = (answer === correctAnswers[puzzle]);\r\n }\r\n \r\n if (isCorrect) {\r\n if (puzzle === 5 || puzzle === 7) {\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 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 \r\n const encouragements = {\r\n 1: \"\u015awietna robota! Proces prognozowania sprzeda\u017cy nale\u017cy rozpocz\u0105\u0107 od jasnego zdefiniowania cel\u00f3w. Co chcesz osi\u0105gn\u0105\u0107? Czy chcesz okre\u015bli\u0107 potencjalne przychody, przydzieli\u0107 bud\u017cet, czy wyznaczy\u0107 cele sprzeda\u017cowe? Twoje cele b\u0119d\u0105 wyznacza\u0107 kierunek procesu prognozowania.\",\r\n 2: \"Doskonale! Historyczne dane o przychodach stanowi\u0105 cenn\u0105 podstaw\u0119 do rozpocz\u0119cia procesu prognozowania.\",\r\n 3: \"Doskonale! Dok\u0142adne prognozy przychod\u00f3w mog\u0105 pom\u00f3c firmie podejmowa\u0107 lepsze decyzje dotycz\u0105ce wydatk\u00f3w biznesowych, wyznacza\u0107 odpowiednie cele d\u0142ugoterminowe i zdobywa\u0107 zaufanie potencjalnych inwestor\u00f3w.\",\r\n 4: \"Dok\u0142adnie! Te metody zwi\u0119kszaj\u0105 przychody i rentowno\u015b\u0107, buduj\u0105 mark\u0119 i reputacj\u0119 Sary, wzmacniaj\u0105 relacje i lojalno\u015b\u0107 klient\u00f3w oraz poszerzaj\u0105 jej rynek i mo\u017cliwo\u015bci.\",\r\n 5: \"Zgadza si\u0119! Upselling to technika sprzeda\u017cy polegaj\u0105ca na zach\u0119caniu klient\u00f3w do wyboru dro\u017cszej opcji ni\u017c ich pierwotny wyb\u00f3r.\",\r\n 6: \"\u015awietny wyb\u00f3r! Ta technika sprzeda\u017cy mo\u017ce pom\u00f3c Sarze rozwin\u0105\u0107 sw\u00f3j biznes i przekroczy\u0107 oczekiwania klient\u00f3w.\",\r\n 7: \"Dok\u0142adnie! Cross-selling to sztuka sprzeda\u017cy produkt\u00f3w dodatkowych\/uzupe\u0142niaj\u0105cych.\",\r\n 8: \"\u015awietnie! Prognozowanie sprzeda\u017cy pozwala podejmowa\u0107 \u015bwiadome decyzje marketingowe. Firmy mog\u0105 identyfikowa\u0107 potencjalne mo\u017cliwo\u015bci i wyzwania, opracowywa\u0107 strategie marketingowe i optymalizowa\u0107 dzia\u0142ania, aby maksymalizowa\u0107 sprzeda\u017c i rentowno\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 === 5 || puzzle === 7) {\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 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 const tryAgainMessages = {\r\n 1: \"Nie do ko\u0144ca \u2013 cho\u0107 rekrutacja nowych pracownik\u00f3w i marketing s\u0105 kluczowe, wyznaczanie cel\u00f3w i d\u0105\u017cenie do nich jest najwa\u017cniejsze. W miar\u0119 jak Sara poszerza ofert\u0119 i zasi\u0119g rynkowy, zrozumienie trend\u00f3w przychod\u00f3w jest kluczowe dla \u015bwiadomego inwestowania i alokacji zasob\u00f3w.\",\r\n 2: \"Spr\u00f3buj ponownie! Analizujemy historyczne dane dotycz\u0105ce sprzeda\u017cy i przychod\u00f3w, aby zrozumie\u0107, jak zmienia\u0142y si\u0119 one w czasie.\",\r\n 3: \"Spr\u00f3buj ponownie! Uwzgl\u0119dnienie wszystkich tych czynnik\u00f3w zewn\u0119trznych w prognozie przychod\u00f3w pomaga stworzy\u0107 bardziej realistyczn\u0105 i kompleksow\u0105 prognoz\u0119.\",\r\n 4: \"Nie do ko\u0144ca! Klienci mog\u0105 skorzysta\u0107 z wy\u017cszej jako\u015bci i r\u00f3\u017cnorodno\u015bci oferty oraz profesjonalnych us\u0142ug, ale potrzebujesz skutecznych metod, aby sprzeda\u0107 swoj\u0105 ofert\u0119.\",\r\n 5: \"Prawie! Upselling to bardzo wa\u017cne narz\u0119dzie w sprzeda\u017cy.\",\r\n 6: \"Spr\u00f3buj ponownie! Metoda cross-sellingu ma kilka zalet w zwi\u0119kszaniu sprzeda\u017cy.\",\r\n 7: \"Spr\u00f3buj ponownie \u2013 proponowanie bardziej ekskluzywnych lub dro\u017cszych produkt\u00f3w lub us\u0142ug jest sprzeda\u017c\u0105 dro\u017csz\u0105 (upselling).\",\r\n 8: \"Spr\u00f3buj ponownie! Analizuj\u0105c przesz\u0142o\u015b\u0107, obecne trendy rynkowe i zachowania klient\u00f3w, prognozowanie sprzeda\u017cy pomaga firmom przewidywa\u0107 przysz\u0142\u0105 sprzeda\u017c, wyznacza\u0107 cele, dobrze wykorzystywa\u0107 zasoby i podejmowa\u0107 m\u0105dre decyzje marketingowe.\"\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 === 5 || puzzle === 7) {\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 }\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>Brawo! Pomog\u0142e\u015b Sarze postawi\u0107 pierwsze kroki w prognozowaniu sprzeda\u017cy. Dzi\u0119ki Twojemu wsparciu zacz\u0119\u0142a definiowa\u0107 swoje cele, wybiera\u0107 w\u0142a\u015bciwe metody prognozowania i optymalizacji koszt\u00f3w. Twoja w\u0142asna podr\u00f3\u017c dopiero si\u0119 zaczyna \u2013 nie przestawaj odkrywa\u0107, jak zr\u00f3wnowa\u017cony rozw\u00f3j mo\u017ce generowa\u0107 warto\u015b\u0107 finansow\u0105 i spo\u0142eczn\u0105. Pami\u0119taj: ka\u017cda \u015bwiadoma decyzja nap\u0119dza rozw\u00f3j Twojej firmy i spo\u0142eczno\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 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 \/\/ 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\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<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Financial Literacy Training Programme Video Resource Welcome to module „Budgeting and financial planning” where you will learn how to create and manage effective budgets using digital tools to ensure your business stays financially sustainable and adaptable. Your browser does not support the video element. Play Pause Learning contents, activities and resources Start by going through […]<\/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-996","page","type-page","status-publish","hentry","entry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/excel-erasmus.eu\/pl\/wp-json\/wp\/v2\/pages\/996","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=996"}],"version-history":[{"count":659,"href":"https:\/\/excel-erasmus.eu\/pl\/wp-json\/wp\/v2\/pages\/996\/revisions"}],"predecessor-version":[{"id":4427,"href":"https:\/\/excel-erasmus.eu\/pl\/wp-json\/wp\/v2\/pages\/996\/revisions\/4427"}],"wp:attachment":[{"href":"https:\/\/excel-erasmus.eu\/pl\/wp-json\/wp\/v2\/media?parent=996"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}