@import url("https://fonts.googleapis.com/css2?family=Alata&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap");.quiz-container{display:flex;top:0;justify-content:center;align-items:center;padding:40px;height:100vh}.quiz-box{padding:20px;border:1px solid #000;background-color:#720ef6;max-width:600px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.2);text-align:left}.question-title,.quiz-box{font-family:Roboto,sans-serif}.question-title{font-size:1.4rem;font-weight:500;margin-bottom:15px}.option-group{margin-bottom:20px}.option-label{border:1px solid #fff;background-color:#3d0b81;padding:8px;border-radius:8px;display:flex;align-items:center;font-size:1.1rem;color:#fff;margin-bottom:10px;cursor:pointer}.option-label input{margin-right:10px}.option-label:hover{background-color:hsla(0,0%,100%,.2);padding:8px;border-radius:8px}.button-container{display:flex;justify-content:space-between;margin-top:20px}.next-button,.prev-button{font-size:1rem;color:#fff;border:1px solid #000;background-color:#5d40f4;padding:10px 20px;border-radius:8px;cursor:pointer;transition:background-color .3s ease,box-shadow .3s ease}.next-button:hover,.prev-button:hover{background-color:#3f6de4}.next-button:active,.prev-button:active{transform:translateY(2px)}.results-container{width:500px;padding:30px;border-radius:12px;text-align:left}.results-title{font-size:2rem;text-align:center;margin-bottom:20px;font-weight:700}.results-item{display:flex;justify-content:space-between;font-size:1.3rem;margin:15px 0}.results-value{text-align:right;font-family:Roboto,sans-serif;font-weight:400;color:#ffeb3b}@media (max-width:768px){.results-container{width:350px}}