.quiz-page{padding:10rem 0 6rem;background:linear-gradient(135deg,#fdfbf7,#fff);min-height:100vh}@media(max-width:768px){.quiz-page{padding:8rem 0 4rem}}.quiz-header{text-align:center;margin-bottom:3rem;padding:0 1.5rem}.quiz-header h1{font-size:2.5rem;margin-bottom:1rem;color:var(--color-dark)}@media(min-width:768px){.quiz-header h1{font-size:3.5rem}}.quiz-header p{color:var(--color-text-muted);font-size:1.1rem;max-width:600px;margin:0 auto;line-height:1.6}.quiz-interface{max-width:700px;margin:0 auto;padding:0 1.5rem}.quiz-card{background:#fff;border-radius:32px;padding:3.5rem;box-shadow:0 30px 60px #0000000f;border:1px solid #f0f0f0;transition:all .4s cubic-bezier(.4,0,.2,1)}.quiz-card.hidden,.explanation-box.hidden,.hidden{display:none!important;opacity:0;pointer-events:none}.card-icon{width:70px;height:70px;background:var(--color-dark);color:var(--color-primary);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto 2rem}#setup-screen h2{text-align:center;margin-bottom:.5rem;font-size:2rem}#setup-screen p{text-align:center;color:var(--color-text-muted);margin-bottom:2.5rem}.level-selection{display:grid;gap:1rem}.level-card{display:flex;align-items:center;padding:1.5rem;background:#fff;border:2px solid #f5f5f5;border-radius:18px;cursor:pointer;transition:all .3s;text-align:left;width:100%}.level-card:hover{border-color:var(--color-primary);background:#fdfbf7;transform:translate(10px)}.lvl-number{width:50px;height:50px;background:#f5f5f5;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--color-dark);margin-right:1.5rem;transition:all .3s}.level-card:hover .lvl-number{background:var(--color-primary);color:#fff}.lvl-info{flex:1}.lvl-info strong{display:block;font-size:1.1rem;color:var(--color-dark)}.lvl-info span{font-size:.9rem;color:var(--color-text-muted)}.level-card i{color:#ccc;font-size:1.2rem}.quiz-progress{margin-bottom:2.5rem}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.9rem;font-weight:600}.diff-badge{padding:.3rem .75rem;background:#f0f0f0;border-radius:6px;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.progress-track{height:8px;background:#f0f0f0;border-radius:10px;overflow:hidden}.progress-bar{height:100%;background:var(--color-primary);transition:width .4s}.question-box h3{font-size:1.6rem;line-height:1.4;color:var(--color-dark);margin-bottom:2.5rem}.options-list{display:grid;gap:.75rem}.option-item{display:flex;align-items:center;padding:1.25rem 1.5rem;background:#fff;border:2px solid #f0f0f0;border-radius:16px;cursor:pointer;transition:all .2s;font-weight:500;font-size:1.05rem;text-align:left;width:100%}.option-item:hover:not(:disabled){border-color:var(--color-primary);background:#fdfbf7}.option-item.correct{background:#f0fdf4;border-color:#22c55e;color:#166534}.option-item.wrong{background:#fef2f2;border-color:#ef4444;color:#991b1b}.option-item:disabled{cursor:default}.explanation-box{margin-top:2rem;padding-top:2rem;border-top:1px solid #f0f0f0;animation:fadeInSlideUp .4s ease-out}.explanation-content{display:flex;gap:1.5rem;margin-bottom:2rem}.status-icon{font-size:2rem}.status-icon i.ph-check-circle{color:#22c55e}.status-icon i.ph-x-circle{color:#ef4444}.explanation-content strong{display:block;font-size:1.2rem;margin-bottom:.5rem}.explanation-content p{color:var(--color-text-muted);line-height:1.6;font-size:.95rem}.results-header{text-align:center;margin-bottom:3rem}.result-circle{position:relative;width:140px;height:140px;margin:0 auto 2rem}.score-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center}.score-overlay span{font-size:3.5rem;font-weight:800;line-height:1;color:var(--color-dark)}.score-overlay small{font-size:1rem;color:var(--color-text-muted);font-weight:600}#result-title{font-size:2.2rem;margin-bottom:.5rem}#result-message{color:var(--color-text-muted)}.performance-breakdown{margin-bottom:3rem}.stat-row{display:grid;grid-template-columns:100px 1fr 40px;align-items:center;gap:1.5rem;margin-bottom:1.25rem}.stat-row span:first-child{font-weight:700;color:var(--color-dark);font-size:.9rem}.stat-bar-bg{height:8px;background:#f0f0f0;border-radius:10px;overflow:hidden}.stat-bar-fill{height:100%;background:var(--color-primary);border-radius:10px}.stat-row span:last-child{font-weight:800;font-size:.9rem;color:var(--color-primary)}.results-cta{background:#fdfbf7;border:1px solid rgba(197,160,101,.2);border-radius:24px;padding:2rem;text-align:center}.cta-inner{margin-bottom:2rem}.cta-text h3{margin-bottom:.5rem}.cta-text p{font-size:.95rem;color:var(--color-text-muted);margin-bottom:1.5rem}.cta-buttons{display:flex;justify-content:center;gap:1rem}@media(max-width:480px){.cta-buttons{flex-direction:column;align-items:stretch}}.cta-buttons .btn-dark{padding:.75rem 1.5rem;background:var(--color-dark);color:#fff;border-radius:12px;font-size:.9rem;display:flex;align-items:center;gap:.5rem;text-decoration:none}.btn-ghost{background:none;border:none;color:var(--color-primary);text-decoration:underline;margin-top:1rem;cursor:pointer}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.quiz-card{padding:2rem}.quiz-header h1{font-size:2.2rem}.question-box h3{font-size:1.3rem}.option-item{font-size:1rem;padding:1rem}}