:root{--bg: #f5f7fb;--blue-text: #293264;--blue-border: #4d5b9e;--blue-buttons-bg: #293264;--selected-answers-bg: #d6dbf5;--correct-answers-bg: #94d7a2;--wrong-answers-bg: #f8bcbc}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg);font-family:Karla,sans-serif}main{min-height:100vh;position:relative}main .content-container{display:flex;justify-content:center;align-items:center;width:100%;max-width:700px;margin:0 auto;min-height:100vh}main .shape-top{position:fixed;max-width:100%;top:0;right:0;z-index:-1;pointer-events:none}main .shape-bottom{position:fixed;max-width:100%;bottom:0;left:0;z-index:-1;pointer-events:none}.start-page{width:100%;display:flex;flex-direction:column;align-items:center;gap:15px;color:var(--blue-text)}.start-page h1{font-weight:700;font-size:2rem}.start-page p{font-weight:400;font-size:1rem}.start-page .trivia-options-container{width:100%;max-width:360px;margin-top:20px;padding:20px;display:flex;flex-direction:column;align-items:left;gap:20px}.trivia-options-container .trivia-option{display:flex;flex-direction:column;gap:10px}.trivia-option label{text-align:left;font-size:1.1rem;font-weight:700;color:var(--blue-text)}.trivia-option select,.trivia-option input[type=number]{padding:14px 16px;border:none;box-shadow:0 4px 16px #2c3e5026;border-radius:6px;background-color:#fff;color:var(--blue-text);font-size:1rem;cursor:pointer;outline:none;transition:box-shadow .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.trivia-option select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;utf8,<svg fill='gray' height='16' viewBox='0 0 20 20' width='16' xmlns='http://www.w3.org/2000/svg'><path d='M5.516 7.548a.625.625 0 0 1 .884 0L10 11.148l3.6-3.6a.625.625 0 1 1 .884.884l-4.042 4.042a.625.625 0 0 1-.884 0L5.516 8.432a.625.625 0 0 1 0-.884z'/></svg>");background-repeat:no-repeat;background-position:right 16px center;background-size:18px 18px;padding-right:40px}.trivia-option select:focus,.trivia-option input[type=number]:focus{box-shadow:0 0 0 2px var(--selected-answers-bg),0 4px 16px #2c3e5026}.start-page button{color:#f5f7fb;background-color:var(--blue-buttons-bg);margin-top:20px;width:12rem;height:3rem;border-radius:15px;border:none;cursor:pointer;font-weight:500;font-size:1rem;text-align:center;box-shadow:0 4px 16px #2c3e5026}.quiz-form{width:100%;max-width:700px;padding:20px;margin-bottom:110px;display:flex;flex-direction:column;justify-content:center}.quiz-loading{font-weight:700;font-size:1.3rem;color:var(--blue-text)}.quiz-form .no-results{width:100%;display:flex;flex-direction:column;align-items:center;gap:30px;font-weight:700;font-size:1.3rem;color:var(--blue-text)}.quiz-form .no-results button{color:#f5f7fb;background-color:var(--blue-buttons-bg);width:10rem;height:2.5rem;border-radius:15px;border:none;cursor:pointer;font-weight:500;font-size:.8rem;text-align:center}.question-wrapper{width:100%;display:flex;flex-direction:column;align-items:left;gap:20px;color:var(--blue-text);padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #dbdef0}.question-text{font-weight:700;font-size:1.3rem}.radio-button-group{display:flex;flex-wrap:wrap;gap:10px}input[type=radio]{-webkit-appearance:none;appearance:none;display:none}.radio-button-group label{display:inline-block;padding:6px 16px;border-radius:8px;border:.79px solid var(--blue-border);background:transparent;font-weight:500;font-size:.8rem;text-align:center;cursor:pointer}input[type=radio]:checked+label{background-color:var(--selected-answers-bg);color:var(--blue-text);border-color:var(--selected-answers-bg)}input[type=radio]:disabled+label{opacity:.5}input[type=radio]:disabled+label:hover{cursor:not-allowed}.radio-button-group label:hover{background-color:var(--selected-answers-bg);color:var(--blue-text);border-color:var(--selected-answers-bg)}input[type=radio]:disabled+label.incorrect{background-color:var(--wrong-answers-bg);border-color:var(--wrong-answers-bg)}input[type=radio]:disabled+label.incorrect:hover{background-color:var(--wrong-answers-bg);border-color:var(--wrong-answers-bg)}input[type=radio]:disabled+label.correct{opacity:1;background-color:var(--correct-answers-bg);border-color:var(--correct-answers-bg)}input[type=radio]:disabled+label.correct:hover{opacity:1;background-color:var(--correct-answers-bg);border-color:var(--correct-answers-bg)}.quiz-result-container{display:flex;justify-content:center;align-items:center;gap:30px}.quiz-result-container h3{font-weight:700;font-size:1.3rem;color:var(--blue-text)}.quiz-result-container button{color:#f5f7fb;background-color:var(--blue-buttons-bg);width:10rem;height:2.5rem;border-radius:15px;border:none;cursor:pointer;font-weight:500;font-size:.8rem;text-align:center}.quiz-result-container button:disabled{opacity:.6;cursor:not-allowed}