.question-block{margin-bottom:2rem;padding:1.5rem;border:1px solid #e0e0e0;border-radius:8px;background-color:#fff}.question-title{margin:0 0 1.5rem 0;font-size:1.2rem;font-weight:600;color:#333}.options-container{display:flex;flex-direction:column;gap:.75rem;margin:0;padding:0;list-style-type:none}.option-label{display:flex;align-items:center;cursor:pointer;padding:.5rem .5rem 1rem;border-radius:4px;color:#555;transition:.5s ease;background:no-repeat 0 90%;background-image:-webkit-gradient(linear, left top, left bottom, from(currentColor), to(currentColor));background-image:linear-gradient(currentColor, currentColor);background-size:0 1px}.option-label:hover{background-size:100% 1px}.option-input:checked~.option-checkmark{border-color:#2196f3;background-color:#2196f3}.option-input:checked~.option-checkmark::after{display:block}.option-checkmark{position:relative;height:20px;width:20px;margin-right:.75rem;border:2px solid #ccc;border-radius:50%;transition:all .2s ease}.option-checkmark::after{content:"";position:absolute;display:none;top:50%;left:50%;width:6px;height:6px;border-radius:50%;background:#fff;transform:translate(-50%, -50%)}.option-label input[type=checkbox]~.option-checkmark{border-radius:4px}.option-label input[type=checkbox]~.option-checkmark::after{width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:translate(-50%, -60%) rotate(45deg);background:rgba(0,0,0,0);border-radius:0}.option-text{font-size:1rem;color:#555}
.progress-bar-container{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem;gap:.5rem}.progress-bar{width:100%;height:8px;background-color:#e0e0e0;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background-color:#4caf50;border-radius:4px;transition:width .3s ease}.progress-text{font-size:.9rem;color:#666;font-weight:500}
.controls-container{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding:1rem 0 1rem;border-top:1px solid #e0e0e0}.control-button{font-family:Comic Sans MS,Tahoma,sans-serif;padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:.3s ease;position:relative;bottom:0;left:0}.control-button:disabled{opacity:.5;background-color:#ccc;color:#666;pointer-events:none}.control-button:hover{bottom:2px;left:2px;-webkit-box-shadow:-7px 7px 5px 0 rgba(0,0,0,.75);box-shadow:-7px 7px 5px 0 rgba(0,0,0,.75)}.control-button:active{bottom:0;left:0;box-shadow:none}.page-indicator{font-size:.9rem;color:#666;font-weight:500}
*{box-sizing:border-box;margin:0;padding:0}html{min-height:100vh}body{font-family:Comic Sans MS,Tahoma,sans-serif;width:100%;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#333}#root{display:flex;align-items:center;justify-content:center;width:100%;min-height:100vh}.app-container{width:100%;max-width:600px;margin:2rem auto;padding:2rem;background-color:#93bbea;color:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.questions-container{margin-bottom:2rem}.completion-message{text-align:center;font-size:1.5rem;font-weight:600;color:#fff;padding:3rem 1rem}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;white-space:nowrap;border:0;clip:rect(0 0 0 0);clip-path:inset(100%)}