body{margin:0;font-family:Inter,Arial,sans-serif;background:linear-gradient(135deg,#eef2ff,#fff);color:#1f2937}h1,h2,h3,h4,h5,h6{margin:0}.container{max-width:800px;margin:0 auto;padding:2rem}.card{background-color:#fff;border-radius:.75rem;box-shadow:0 8px 20px #0000000d;padding:2rem;margin-bottom:2rem;transition:transform .2s}.card:hover{transform:translateY(-3px)}.quiz-title{font-size:2rem;font-weight:700;text-align:center;margin-bottom:1.5rem;color:#4f46e5}.section-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:#3730a3}.question{padding:1rem;border-radius:.5rem;border:1px solid #e5e7eb;margin-bottom:1rem;background-color:#f9fafb;transition:background-color .2s}.question:hover{background-color:#f3f4f6}.question-text{font-weight:500;margin-bottom:.75rem}.option{display:flex;align-items:center;padding:.5rem .75rem;margin-bottom:.5rem;border-radius:.5rem;cursor:pointer;border:1px solid transparent;transition:all .2s}.option input{margin-right:.75rem}.option:hover{background-color:#eef2ff}.option.correct{background-color:#bbf7d0;border-color:#22c55e}.option.wrong{background-color:#fecaca;border-color:#ef4444}.option.disabled{cursor:not-allowed;opacity:.7}.btn{padding:.5rem 1rem;font-weight:600;border-radius:.5rem;border:none;cursor:pointer;transition:all .2s}.btn-primary{background-color:#4f46e5;color:#fff}.btn-primary:hover{background-color:#4338ca}.btn-disabled{background-color:#c7d2fe;color:#7c3aed;cursor:not-allowed}.result-card{background-color:#eef2ff;padding:2rem;border-radius:.75rem;box-shadow:0 6px 16px #0000000d}.result-title{font-size:1.75rem;font-weight:700;color:#4f46e5;margin-bottom:1rem}.result-section{font-weight:500;margin-bottom:.5rem}.progress-container{background-color:#e5e7eb;border-radius:.5rem;height:.75rem;margin-bottom:1rem}.progress-bar{height:100%;border-radius:.5rem;background-color:#4f46e5;transition:width .3s ease-in-out}@media (max-width: 640px){.card{padding:1rem}.quiz-title{font-size:1.5rem}.section-title{font-size:1.25rem}}