:root{--primary-blue:#2c5f9b;--primary-blue-dark:#1a3a60;--primary-blue-darker:#1c3c62;--primary-blue-light:#68aeff;--primary-blue-lighter:#cae4ff;--primary-blue-lightest:#e3f1ff;--border-light:#dee2e6;--border-gray:#ccc;--text-white:#fff;--font-size-base:1.2rem;--font-size-large:1.3rem;--font-size-button:1.1rem;--font-size-heading:2.8rem;--font-size-subtitle:2.5em;--padding-button:12px 28px;--margin-bottom-default:20px;--margin-bottom-paragraph:1em;--fade-duration:0.6s;--container-width:75%;--content-padding:25px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{align-items:center;background:linear-gradient(135deg,#cae4ff,#68aeff 120%);background:linear-gradient(135deg,var(--primary-blue-lighter) 0,var(--primary-blue-light) 120%);box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:100vh;text-align:center}.App.lesson-view{justify-content:flex-start}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.fade-in{-webkit-animation:fadeIn .5s ease-out forwards;animation:fadeIn .5s ease-out forwards}.introduction-screen,.lesson-content{-webkit-animation:fadeIn .6s ease-out forwards;animation:fadeIn .6s ease-out forwards;-webkit-animation:fadeIn var(--fade-duration) ease-out forwards;animation:fadeIn var(--fade-duration) ease-out forwards}.welcome-icon{margin-bottom:20px;text-align:center}.welcome-icon i{color:#2c5f9b;color:var(--primary-blue);display:inline-block;font-size:120px;margin-bottom:15px}.intro-icon{margin-bottom:20px;text-align:center}.intro-icon i{color:#2c5f9b;color:var(--primary-blue);display:inline-block;font-size:90px;margin-bottom:15px}.screen-container{align-items:center;color:#1c3c62;color:var(--primary-blue-darker);display:flex;flex-direction:column;font-size:1.2rem;font-size:var(--font-size-base);justify-content:center;padding:20px;-webkit-transform:translateY(-5vh);transform:translateY(-5vh)}.screen-container h1,.screen-container h2{color:#1c3c62;color:var(--primary-blue-darker);font-size:2.8rem;font-size:var(--font-size-heading);margin-bottom:20px;margin-bottom:var(--margin-bottom-default);text-align:center}.screen-container button{background-color:#2c5f9b;background-color:var(--primary-blue);border:none;border-radius:5px;color:#fff;color:var(--text-white);cursor:pointer;font-size:1.1rem;font-size:var(--font-size-button);margin-top:15px;padding:12px 28px;padding:var(--padding-button);transition:background-color .2s}.screen-container button:hover{background-color:#1a3a60;background-color:var(--primary-blue-dark)}.screen-container input[type=text]{border:2px solid #1c3c62;border:2px solid var(--primary-blue-darker);border-radius:4px;box-sizing:border-box;color:#1c3c62;color:var(--primary-blue-darker);font-size:1.1rem;font-size:var(--font-size-button);margin-right:10px;min-width:200px;outline:none;padding:12px 15px}.screen-container form{align-items:center;box-sizing:border-box;display:flex}.screen-container form button{margin-top:0}.introduction-screen p{font-size:1.3rem;font-size:var(--font-size-large);line-height:1.6;margin-bottom:1rem;max-width:800px;text-align:center}.lesson-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;width:100%}.lesson-container h2{color:#1c3c62;color:var(--primary-blue-darker);font-size:2.5em;font-size:var(--font-size-subtitle);margin-bottom:20px;margin-bottom:var(--margin-bottom-default);text-align:center}.lesson-content-box{background-color:#e3f1ff;background-color:var(--primary-blue-lightest);border:1px solid #1c3c62;border:1px solid var(--primary-blue-darker);border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.08);height:55vh;margin-bottom:25px;margin-top:20px;min-height:55vh;overflow-y:auto;padding:25px;padding:var(--content-padding);padding-left:50px;padding-right:50px;text-align:left;width:75%;width:var(--container-width)}.lesson-navigation{box-sizing:border-box;display:flex;justify-content:space-between;margin-top:10px;padding-left:50px;padding-right:50px;width:87%}.lesson-navigation button{background-color:#2c5f9b;background-color:var(--primary-blue);border:none;border-radius:5px;color:#fff;color:var(--text-white);cursor:pointer;padding:12px 28px;padding:var(--padding-button)}.lesson-navigation button:disabled{cursor:not-allowed;opacity:.5}.lesson-content-box::-webkit-scrollbar{display:none}.markdown-content{color:#1c3c62;color:var(--primary-blue-darker);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1.3rem;font-size:var(--font-size-large)}.markdown-content p{line-height:1.6}.markdown-content ol,.markdown-content p,.markdown-content ul{margin-bottom:1em;margin-bottom:var(--margin-bottom-paragraph)}.markdown-content ol,.markdown-content ul{margin-left:20px}.markdown-content li{margin-bottom:.5em}.post-lesson-screen{align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:center;text-align:center;-webkit-transform:none;transform:none}.post-lesson-screen h2{font-size:2.5em;font-size:var(--font-size-subtitle);margin-bottom:1rem}.post-lesson-screen h2,.post-lesson-screen p{color:#1c3c62;color:var(--primary-blue-darker)}.post-lesson-screen p{font-size:1.3rem;font-size:var(--font-size-large);margin-bottom:2rem}.post-lesson-options{display:flex;gap:2rem}.big-button{font-size:1.4rem;min-width:150px;padding:20px 40px}.typewriter-markdown{height:100%}.spinner-container{align-items:center;display:flex;height:100%;justify-content:center}.spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:5px solid #cae4ff;border-top:5px solid #2c5f9b;border:5px solid var(--primary-blue-lighter);border-radius:50%;border-top-color:var(--primary-blue);height:50px;width:50px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.lesson-progress-dashboard{background-color:#e3f1ff;border-top:1px solid #ccc;bottom:0;color:#333;font-size:.9em;left:0;padding:10px 0;position:fixed;text-align:center;width:100%;z-index:10}.chatbot-container{background:var(--primary-blue-lightest);border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.08);box-sizing:border-box;display:flex;flex-direction:column;height:85vh;margin:auto;padding:24px;width:80%}.chatbot-header{margin-bottom:20px;text-align:center}.chatbot-header h2{color:var(--primary-blue-darker);font-size:var(--font-size-subtitle);margin:0}.chatbot-header p{color:var(--primary-blue-dark);font-size:var(--font-size-base);margin:8px 0 0}.chat-window{background-color:var(--text-white);border:1px solid var(--border-light);border-radius:5px;flex-grow:1;margin-bottom:16px;overflow-y:auto;padding:10px}.chat-window::-webkit-scrollbar{display:none}.message{word-wrap:break-word;border-radius:18px;font-size:var(--font-size-base);line-height:1.5;margin-bottom:10px;max-width:80%;padding:8px 14px}.message p{margin-bottom:.5em;margin-top:.25em}.message.user{background-color:var(--primary-blue-lighter);border-bottom-right-radius:4px;color:var(--primary-blue-darker);margin-left:auto;text-align:right}.message.bot{background-color:#f0f0f0;border-bottom-left-radius:4px;color:#333;margin-right:auto;text-align:left}.message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.typing-indicator span{-webkit-animation:typing-bounce 1.4s ease-in-out infinite both;animation:typing-bounce 1.4s ease-in-out infinite both;background-color:var(--primary-blue-dark);border-radius:50%;display:inline-block;height:8px;margin:0 2px;width:8px}.typing-indicator span:first-child{-webkit-animation-delay:-.32s;animation-delay:-.32s}.typing-indicator span:nth-child(2){-webkit-animation-delay:-.16s;animation-delay:-.16s}.typing-indicator span:nth-child(3){-webkit-animation-delay:0s;animation-delay:0s}@-webkit-keyframes typing-bounce{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes typing-bounce{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.chat-input{border-top:1px solid var(--border-light);display:flex;gap:10px;padding-top:16px}.chat-input input{background-color:var(--text-white);border:2px solid var(--primary-blue-darker);border-radius:4px;box-sizing:border-box;color:var(--primary-blue-darker);flex-grow:1;font-size:var(--font-size-button);outline:none;padding:12px 15px}.chat-input input:focus{border-color:var(--primary-blue)}.chat-input button{background-color:var(--primary-blue);border:none;border-radius:5px;color:var(--text-white);cursor:pointer;flex-shrink:0;font-size:var(--font-size-button);padding:var(--padding-button);transition:background-color .2s,opacity .2s}.chat-input button:hover{background-color:var(--primary-blue-dark)}.chat-input button:disabled{background-color:var(--primary-blue-lighter);cursor:not-allowed;opacity:.7}.quiz-page{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;margin:auto;padding:30px;width:80%}.quiz-header{margin-bottom:20px;text-align:center}.quiz-header h2{color:var(--primary-blue-darker);font-size:var(--font-size-subtitle);margin-bottom:10px}.quiz-questions-container{background-color:var(--primary-blue-lightest);border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.08);display:flex;flex-direction:column;margin-bottom:25px;min-height:40vh;padding:20px 30px;width:100%}.question-container{padding-bottom:0}.question-text{color:var(--primary-blue-darker);font-size:var(--font-size-large);font-weight:600;margin-bottom:15px}.options-container{display:flex;flex-direction:column;gap:10px}.option-label{align-items:center;background-color:var(--text-white);border:1px solid var(--border-light);border-radius:5px;cursor:pointer;display:flex;padding:8px 12px;transition:background-color .2s}.option-label:hover{background-color:var(--primary-blue-lighter)}.option-radio{-webkit-appearance:none;appearance:none;background-color:#fff;border:1px solid var(--primary-blue-dark);border-radius:50%;cursor:pointer;display:grid;flex-shrink:0;height:1.15em;margin-right:10px;place-content:center;width:1.15em}.option-radio:before{border-radius:50%;box-shadow:inset 1em 1em var(--primary-blue);content:"";height:.65em;-webkit-transform:scale(0);transform:scale(0);transition:-webkit-transform .12s ease-in-out;transition:transform .12s ease-in-out;transition:transform .12s ease-in-out,-webkit-transform .12s ease-in-out;width:.65em}.option-radio:checked:before{-webkit-transform:scale(1);transform:scale(1)}.quiz-navigation{display:flex;justify-content:space-between;margin-top:20px;width:100%}.quiz-navigation button{font-size:var(--font-size-base);padding:10px 25px}.quiz-results-page{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:85vh;padding:0 30px 20px;width:80%}.results-header{flex-shrink:0;margin-bottom:20px;text-align:center;width:100%}.results-header h2{color:var(--primary-blue-darker);font-size:var(--font-size-subtitle);margin-bottom:15px;margin-top:0}.results-summary{background-color:var(--primary-blue-lightest);border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.08);flex-grow:1;min-height:0;overflow-y:auto;padding:20px 30px;width:100%}.results-summary h3{border-bottom:1px solid var(--border-light);color:var(--primary-blue-darker);font-size:var(--font-size-subtitle);padding-bottom:10px}.result-item,.results-summary h3{margin-bottom:20px;text-align:left}.result-item{border-bottom:1px dashed var(--border-light);padding-bottom:15px}.result-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.result-item p{color:var(--primary-blue-dark);margin-bottom:5px}.result-item p strong{color:var(--primary-blue-darker)}.result-item p:last-child{color:var(--primary-blue-dark);font-size:.95em;font-style:italic;margin-top:8px}
/*# sourceMappingURL=main.cd405932.css.map*/