select.quiz-input{background-image:url("data:image/svg+xml;charset=UTF-8,<svg fill='gray' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M7 7l3 3 3-3z'/></svg>");background-repeat:no-repeat;background-position:right .75rem center;background-size:2rem;padding-right:2.5rem}body{background-color:#f9fafb;font-family:Poppins,sans-serif;margin:0;padding:0}.quiz-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background-color:#f9fafb;box-sizing:border-box}.quiz-card{background-color:#8523ab;border-radius:1rem;padding:2rem;width:100%;max-width:480px;box-shadow:0 10px 25px #0000001a;color:#fff;overflow:hidden}.quiz-img{width:150px;height:150px;object-fit:cover;display:block;margin:0 auto 1rem;border-radius:50%}.quiz-section{color:#d8b4fe;font-size:.875rem;font-weight:600;text-transform:uppercase;margin-bottom:.5rem;letter-spacing:.05em;text-align:center}.quiz-question{font-size:1.1rem;font-weight:500;color:#fff;margin-bottom:1.5rem;text-align:center}.quiz-button{display:block;width:100%;max-width:300px;margin:.5rem auto;padding:.75rem 1rem;background-color:transparent;border:1px solid white;border-radius:.5rem;color:#fff;font-size:1rem;font-family:Poppins,sans-serif;font-weight:700;cursor:pointer;transition:background-color .3s ease,color .3s ease}.quiz-button-start{display:block;width:100%;max-width:300px;margin:.5rem auto;padding:.75rem 1rem;background-color:transparent;border:1px solid white;border-radius:.5rem;color:#fff;font-size:1rem;font-family:Poppins,sans-serif;font-weight:700;cursor:pointer;transition:background-color .3s ease,color .3s ease;letter-spacing:5px}.quiz-button:hover{background-color:#581c87}.quiz-input{width:100%;padding:.5rem;border:1px solid #c4b5fd;border-radius:.5rem;margin:.5rem auto;font-size:1rem;font-family:inherit;background-color:#fff;color:#1f2937;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;line-height:1.5}select.quiz-input{background-image:url("data:image/svg+xml;charset=UTF-8,<svg fill='gray' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M7 7l3 3 3-3z'/></svg>");background-repeat:no-repeat;background-position:right .75rem center;background-size:2rem;padding-right:2.5rem}.input-error{border-color:red;outline-color:red}.progress-bar{background-color:#e5e7eb;border-radius:9999px;overflow:hidden;height:10px;margin-bottom:1rem}.progress-bar-fill{background-color:#a78bfa;height:100%;transition:width .3s ease}.quiz-result{text-align:center}.quiz-result-title{font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.quiz-result-score{font-size:2.5rem;font-weight:800;margin-bottom:.5rem;color:#fff}.quiz-result-text{font-size:1rem;color:#fff}.link-button{background:none;border:none;color:#fff;text-decoration:underline;cursor:pointer}@media (max-width: 768px){.quiz-card{padding:1.5rem;border-radius:1rem}.quiz-button,.quiz-button-start,.quiz-input{max-width:100%;font-size:.95rem}.quiz-img{width:120px;height:120px}}