@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;padding:0;height:100%;overflow-x:hidden;font-family:Inter,sans-serif;color:#d3d3d3;line-height:1.6}a{color:#3b82f6;text-decoration:none;transition:color .2s ease-in-out}a:hover{text-decoration:underline;color:#eb25e1}h1,h2,h3,h4,h5,h6{font-weight:700;margin:1rem 0 .5rem;line-height:1.2;color:#d3d3d3}h1{font-size:2.35rem}h2{font-size:1.85rem}h3{font-size:1.35rem}h4{font-size:1.25rem}p{margin:.5rem 0 1rem;font-size:1rem}.text-center{text-align:center}.text-muted{color:#6b7280}@media (min-width: 768px){h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:2rem}h4{font-size:1.5rem}p{font-size:1.25rem}}@media (min-width: 1024px){h1{font-size:4rem}h2{font-size:3.5rem}h3{font-size:2.5rem}h4{font-size:2rem}p{font-size:1.5rem}}.start-page-image{max-width:60%;height:auto;margin:3vh auto;display:block}@media (min-width: 768px){.start-page-image{max-width:60%}}@media (min-width: 1024px){.start-page-image{max-width:45%}}.btn{border:none;outline:none;padding:.75rem 1.5rem;border-radius:.375rem;color:#fff;font-size:1rem;cursor:pointer;transition:all .3s}.btn-primary{background-color:#3b82f6}.btn-primary:hover{background-color:#2563eb}.btn-secondary{background-color:#ffffff1a}.btn-secondary:hover{background-color:#2716161a}.btn-disabled{cursor:not-allowed;opacity:.5}.quiz-answer{padding:1rem;border:none;border-radius:999px;font-size:1rem;cursor:pointer;transition:all .3s ease}.quiz-answer-primary{background:#0cf;color:#036}.quiz-answer-primary:hover{background:#09c;color:#fff}.quiz-answer-correct{background-color:#10b981}.quiz-answer-wrong{background-color:#ef4444}.quiz-answer-hidden{background:#0cf;color:#036;opacity:.5}.btn-lesson,.btn-lesson-done{width:90%;max-width:400px;background-color:#3b82f6;transition:background-color .2s}.btn-lesson{background-color:#3b82f6}.btn-lesson:hover{background-color:#2563eb}.btn-lesson-done{background-color:#ffffff1a}.btn-lesson-done:hover{background-color:#9292921a}@media (min-width: 768px){.btn{font-size:1.125rem}.btn-lesson,.btn-lesson-done{width:90%;max-width:600px}}@media (min-width: 1024px){.btn{font-size:1.25rem}.btn-lesson,.btn-lesson-done{width:90vh;max-width:900px}}.card{background-color:#fff;border-radius:.75rem;box-shadow:0 2px 8px #0000001a;padding:1rem}.question-image{width:100%;border-radius:.5rem;margin-bottom:1rem}.question-text{font-size:1.125rem;font-weight:500}.answer-options{display:grid;gap:.5rem;margin-top:1rem}.scoreboard{width:100%;border-collapse:collapse;margin-top:1rem}.scoreboard th,.scoreboard td{border:1px solid #ddd;padding:.5rem;text-align:left}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:50}.modal-content{background-color:#fff;padding:1.5rem;border-radius:.5rem;box-shadow:0 4px 12px #0003;max-width:500px;width:100%}.modal-close{margin-top:1rem;color:#3b82f6;background:none;border:none;cursor:pointer}.page-container-fill{display:flex;flex-direction:column;max-width:960px;margin:0 auto;align-items:center;justify-content:space-between;min-height:100vh;box-sizing:border-box}.page-container{display:flex;flex-direction:column;max-width:960px;margin:0 auto;align-items:center}.centered-items{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;text-align:center;gap:1.5rem}.content-container{width:100%;margin:1vh;display:flex;flex-direction:column;align-items:center;line-height:1.6;gap:1rem}.content-container-fill{flex:1;width:100%;margin:1vh;display:flex;flex-direction:column;align-items:center;line-height:1.6;gap:1rem}p{text-align:justify;padding:0 1.5rem;line-height:1.6}@media (min-width: 768px){p{padding:0 2rem}}h3{text-align:center;padding:0 1.5rem}.slide-navigation{display:flex;justify-content:center;align-items:center;gap:1.5rem}.nav-button{background:none;border:none;font-size:2rem;color:#fff;cursor:pointer;transition:transform .2s}.nav-button:hover{transform:scale(1.2)}.slide-indicator{font-size:1rem}@media (min-width: 768px){.nav-button{font-size:2.5rem}.slide-indicator{font-size:1.125rem}}@media (min-width: 1024px){.nav-button{font-size:3rem}.slide-indicator{font-size:1.25rem}}.hidden{visibility:hidden}.theory-slide-image{max-width:100%;max-height:60vh;object-fit:contain;margin:0 auto;display:block}.quiz-slide{display:flex;flex-direction:column;align-items:center;padding:2rem;min-height:100vh;box-sizing:border-box;color:#fff}.quiz-title{font-size:1.75rem;margin-bottom:1rem;text-align:center}.quiz-question{text-align:center;font-size:1.25rem;max-width:800px;margin-bottom:2rem;line-height:1.6}.quiz-answers{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%;max-width:600px;margin-bottom:2rem}.quiz-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}@media (max-width: 600px){.quiz-answers{grid-template-columns:1fr}}.leaderboard-list{width:100%;max-width:600px;display:flex;flex-direction:column;gap:1rem;margin-bottom:auto}.leaderboard-item{display:flex;justify-content:space-between;padding:.5rem 1rem;background:#ffffff1a;border-radius:8px;font-size:1rem}.leaderboard-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@media (min-width: 768px){.leaderboard-item{font-size:1.25rem}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#292929;padding:2rem;border-radius:10px;text-align:center;max-width:90%;width:400px}.modal-input{width:100%;padding:.75rem;border-radius:6px;border:1px solid #ccc;margin-top:1rem;margin-bottom:1rem;font-size:1rem;box-sizing:border-box;background:#292929;color:#fff;line-height:1.2;display:block}.modal-actions{display:flex;justify-content:space-around;gap:1rem;flex-wrap:wrap}.modal-error{color:#ef4444;font-size:.9rem;margin:1rem .5rem;text-align:center}.highlight{background-color:#3b82f6;color:#fff;border-radius:6px;font-weight:700}