.gradient{height:100%;width:100%;background:rgb(164,144,255);background:radial-gradient(circle,rgba(164,144,255,1) 0%,rgba(157,84,241,1) 25%,rgba(63,63,103,1) 100%)}.quiz{max-width:600px;margin:0 auto;padding:1rem;border-radius:.5rem;background-color:#c6bbbb;box-shadow:0 1px 2px #0000000d;border:1px solid transparent}.quiz h1{color:#111827;font-size:2rem;font-family:Roboto,sans-serif;margin-bottom:1rem}.quiz label{display:block;margin-bottom:.5rem;color:#1a1a33;font-size:1rem;font-family:Roboto,sans-serif}.quiz input[type=text]{width:93%;padding:.5rem;border:1px solid #d1d5db;border-radius:.25rem;font-size:1rem;margin-bottom:1rem}.quiz button[type=submit]{display:inline-block;margin-top:1rem;color:#fff;font-size:1rem;font-weight:500;align-items:center;gap:.25rem;background-color:#2563eb;padding:.5rem 1rem;border-radius:.25rem;border:none;cursor:pointer;transition:all .3s ease}.quiz button[type=submit]:hover{background-color:#1d4ed8}.question-card{max-width:600px;margin:20px;padding:1rem;border-radius:.5rem;border-color:#1a1a33;background-color:#a490ff;box-shadow:0 1px 2px #0000000d;border:1px solid #1a1a33;font-family:Roboto,sans-serif;color:#1a1a33}.question-card h3{font-size:1.5rem;margin-bottom:1rem}.question-card p{font-size:1rem;margin-bottom:1rem}.question-card label{display:block;margin-bottom:.5rem;font-size:1rem}.question-card input[type=text]{width:95%;padding:.5rem;border:1px solid #1a1a33;border-radius:.25rem;font-size:1rem;margin-bottom:1rem}.question-card button[type=submit]{display:inline-block;margin-top:1rem;color:#fff;font-size:1rem;font-weight:500;align-items:center;gap:.25rem;background-color:#2563eb;padding:.5rem 1rem;border-radius:.25rem;border:none;cursor:pointer;transition:all .3s ease}.question-card button[type=submit]:hover{background-color:#1d4ed8}.quiz input[type=submit]{display:inline-block;margin-top:1rem;color:#fff;font-size:1rem;font-weight:500;align-items:center;gap:.25rem;background-color:#2563eb;padding:.5rem 1rem;border-radius:.25rem;border:none;cursor:pointer;transition:all .3s ease}.quiz input[type=submit]:hover{background-color:#1d4ed8}.quiz .question-card input[type=submit]{background-color:#a490ff;border:none;color:#fff;padding:.5rem 1rem;border-radius:.25rem;cursor:pointer;transition:all .3s ease}.quiz .question-card input[type=submit]:hover{background-color:#7e6cff}.quiz-submit{display:inline-block;margin-top:1rem;color:#fff;font-size:1rem;font-weight:500;background-color:#2563eb;padding:.5rem 1rem;border-radius:.25rem;border:none;cursor:pointer;transition:all .3s ease;width:100%;max-width:300px;margin-left:25%}.quiz-submit:hover{background-color:#1d4ed8}.container{display:flex;flex-direction:column;align-items:left;text-align:center;font-family:Roboto,sans-serif}.main-title{color:#fff}.card-list{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;padding:0;margin:0}.card{display:inline-block;width:30%;margin:1%;max-width:300px;border-radius:.5rem;background-color:#fff;box-shadow:0 1px 2px #0000000d;border:1px solid #1a1a33}.card a{text-decoration:none}.content{padding:1.1rem}.image{object-fit:cover;width:100%;height:150px;background-color:#a490ff;border-radius:.5rem .5rem 0 0}.title{color:#111827;font-size:1.125rem;line-height:1.75rem;font-weight:600}.desc{margin-top:.5rem;color:#6b7280;font-size:.875rem;line-height:1.25rem}.action{display:inline-flex;margin-top:1rem;color:#fff;font-size:.875rem;line-height:1.25rem;font-weight:500;align-items:center;gap:.25rem;background-color:#2563eb;padding:4px 8px;border-radius:4px}.action span{transition:.3s ease}.action:hover span{transform:translate(4px)}body{margin:0}