@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Karla:wght@400;700&display=swap";:root{font-family:Inter,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}*{margin:0;background:#f5f7fb}.start{display:flex;flex-direction:column;align-items:center;height:100vh;justify-content:center;gap:20px;background-image:url(/yellowblob.png),url(/blueblob.png);background-repeat:no-repeat,no-repeat;background-position:top right,bottom left;background-size:40%,40%}.start h1{color:#293264;text-align:center;font-family:Karla,sans-serif;font-size:31.25px;font-style:normal;font-weight:700;line-height:normal}.start p{color:#293264;text-align:center;font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:normal;max-width:500px;min-width:300px}.start button{width:193px;height:52px;flex-shrink:0;border-radius:15px;background:#4d5b9e;color:#f5f7fb}.quiz{display:flex;flex-direction:column;align-items:center;height:100vh;justify-content:center;gap:20px;background-image:url(/yellowblob.png),url(/blueblob.png);background-repeat:no-repeat,no-repeat;background-position:top right,bottom left;background-size:20%,20%;font-family:Karla,sans-serif;padding:20px}.quiz h3{color:#293264}.quiz-item{margin-bottom:20px}.quiz-answers{display:flex;flex-wrap:wrap;gap:10px}.quiz-button{margin:5px;padding:10px;background-color:#f0f0f0;border:1px solid #ccc;border-radius:5px;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;color:#3b4a8a;transition:background-color .3s ease,color .3s ease}.quiz-button.selected{background-color:#d6dbf5}.quiz-button.correct{background-color:#94d7a2;color:#fff}.quiz-button.incorrect{background-color:#f8bcbc;color:#fff}.quiz-button:disabled{cursor:default}.quiz-divider{margin-top:20px;border:1px solid #ccc}.quiz-check-button{margin-top:20px;padding:10px 20px;background-color:#4d5b9e;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;transition:background-color .3s ease}.quiz-check-button:hover{background-color:#3b4a8a}.quiz-results{display:flex;align-items:center;gap:10px;margin-top:20px}.quiz-score{color:#293264;font-size:18px;font-weight:700}.quiz-play-again-button{padding:10px 20px;background-color:#4d5b9e;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;transition:background-color .3s ease}.quiz-play-again-button:hover{background-color:#3b4a8a}.loading-container{display:flex;flex-direction:column;align-items:center;gap:20px}.loading-container h2{color:#293264;font-family:Karla,sans-serif;font-size:24px;font-weight:600}.loading-spinner{width:40px;height:40px;border:4px solid #D6DBF5;border-top:4px solid #4D5B9E;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}