@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f4f4f4;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}button{cursor:pointer}body.dark-mode{background-color:#121212;color:#fff}:root{--color-header-bg:#ffe3ea;--color-text-header:#333}.app-header{background-color:#ffe3ea;background-color:var(--color-header-bg);padding:.75rem 0}.header-inner{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 1rem}.app-branding,.header-inner{align-items:center;display:flex}.app-title{cursor:pointer;font-size:1.5rem;font-weight:700;gap:.5rem;margin:0}.app-title,.header-nav{align-items:center;color:#333;color:var(--color-text-header);display:flex}.header-nav{gap:1rem}.language-selector{align-items:center;display:flex;font-size:1rem;gap:.5rem}.language-selector select{font-size:1rem}.logout-button{background-color:#d16a7c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;padding:.4rem 1rem}.contact-link{align-items:center;display:flex}@media (max-width:768px){.header-inner{align-items:flex-start;flex-direction:column;gap:.75rem}.app-title{font-size:1.4rem}.header-nav{justify-content:space-between;width:100%}}@media (max-width:480px){.app-title{font-size:1.2rem}.language-selector,.language-selector select,.logout-button{font-size:.9rem}.logout-button{padding:.5rem .75rem}}.notification{border-radius:5px;bottom:20px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:16px;padding:15px 20px;position:fixed;right:20px;z-index:1000}.notification.success{background-color:#4caf50}.notification.error{background-color:#f44336}.login-container{align-items:center;background-color:#ffd5e5;display:flex;flex-direction:column;height:100vh;justify-content:center;margin:0;width:100vw}.avatar-container{height:90px;margin-bottom:16px;width:90px}.avatar-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.login-title{color:#333;font-size:24px;font-weight:600;margin-bottom:24px}.google-button-container{align-items:center;display:flex;justify-content:center}.question-container{background-color:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;margin:2rem auto;max-width:600px;padding:2rem}.question-text{font-size:1.75rem;margin-bottom:1.5rem;text-align:center}.options-container{display:flex;flex-direction:column;gap:1rem}.option-button{background-color:#5a78d1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:1rem;transition:background-color .3s,transform .2s}.option-button:hover:not(:disabled){background-color:#475bb2;transform:scale(1.02)}.option-button:disabled{cursor:default;opacity:.7}.feedback-container{align-items:center;border-radius:8px;display:flex;font-size:1rem;gap:.5rem;margin-top:1.5rem;padding:1rem;text-align:center}.feedback-container.correct{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.feedback-container.incorrect{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.feedback-icon{font-size:1.5rem}.next-button{background-color:#5a78d1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;margin-top:1.5rem;padding:.8rem 1.2rem;transition:background-color .3s,transform .2s}.next-button:hover{background-color:#475bb2;transform:scale(1.02)}@media (max-width:768px){.question-text{font-size:1.5rem}.next-button,.option-button{font-size:.9rem;padding:.8rem}}@media (max-width:480px){.question-text{font-size:1.25rem}.next-button,.option-button{font-size:.8rem;padding:.6rem}}*{box-sizing:border-box}body{background-color:#f5f5f5;font-family:Roboto,sans-serif;margin:0}.results-container{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin:2rem auto;max-width:800px;padding:2rem}.results-title{color:#333;font-size:2rem;margin-bottom:1.5rem;text-align:center}.score-card{background-color:#e0f7fa;border-radius:8px;margin-bottom:2rem;padding:1.5rem;text-align:center}.score-percentage{color:#00796b;font-size:3rem;margin:0}.score-text{color:#555;font-size:1.125rem;margin:.5rem 0}.feedback-message{color:#00796b;font-size:1.125rem;margin-top:1rem}.buttons-container{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.restart-button,.retake-button{border:none;border-radius:6px;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .3s,transform .2s}.restart-button{background-color:#66bb6a;color:#fff}.restart-button:hover{background-color:#57a05a;transform:scale(1.03)}.retake-button{background-color:#42a5f5;color:#fff}.retake-button:hover{background-color:#379be8;transform:scale(1.03)}.results-list{list-style:none;margin:0;padding:0}.result-item{background-color:#fafafa;border-left:5px solid;border-radius:6px;margin-bottom:1rem;padding:1rem}.result-item.correct{border-color:#66bb6a}.result-item.incorrect{border-color:#42a5f5}.question-text{color:#333;font-size:1.125rem;margin-bottom:.5rem}.correct-answer,.user-answer{color:#555;font-size:1rem;margin:.25rem 0}.correct-answer strong,.user-answer strong{color:#333}@media (max-width:768px){.results-container{padding:1rem}.results-title{font-size:1.75rem}.score-percentage{font-size:2.5rem}}@media (max-width:480px){.results-title{font-size:1.5rem}.score-percentage{font-size:2rem}.restart-button,.retake-button{font-size:.9rem;padding:.5rem 1rem}}.topic-selection{background-color:#fffafc;min-height:80vh;padding:2rem 1rem}.content-wrapper{margin:0 auto;max-width:1200px}.section-title{color:#333;font-size:1.75rem;font-weight:700;margin-bottom:1.5rem}.levels-wrapper{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.level-card{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;flex:1 1 200px;flex-direction:column;gap:.5rem;padding:1rem;transition:transform .3s}.level-card.active{border:2px solid #5a78d1;transform:scale(1.02)}.progress-bar{background-color:#eee;border-radius:8px;color:#555;font-size:.85rem;padding:.25rem .5rem;width:100%}.start-button{background-color:#5a78d1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;padding:.4rem 1rem}.units-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.unit-card{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;padding:1rem}.icon-placeholder{color:#333;font-size:1.5rem;margin-bottom:.5rem}.unit-card h4{font-size:1rem;font-weight:600;margin:.3rem 0}.unit-card p{color:#666;font-size:.85rem;min-height:40px}.start-link{color:#5a78d1;cursor:pointer;font-size:.9rem;font-weight:500;margin-top:auto}.loader-container{align-items:center;display:flex;height:100vh;justify-content:center}.loader{animation:spin 1s linear infinite;border:8px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.a58dceb7.css.map*/