.quiz-container{padding:var(--space-xl);position:relative;overflow:hidden;min-height:400px;display:flex;flex-direction:column;justify-content:center}.quiz-screen{display:none;animation:fadeIn .4s ease-out}.quiz-screen.active{display:block}.quiz-title{font-family:var(--font-heading);font-size:2rem;color:var(--color-gold);margin-bottom:var(--space-md);text-align:center}.quiz-desc{color:var(--color-text-muted);text-align:center;margin-bottom:var(--space-xl);font-size:1.1rem;line-height:1.6}#quiz-start{text-align:center}.quiz-progress{margin-bottom:var(--space-lg)}#quiz-progress-text{display:block;font-size:.875rem;color:var(--color-text-muted);margin-bottom:var(--space-xs);font-weight:500}.quiz-progress-bar{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.quiz-progress-fill{height:100%;background:var(--color-gold);width:0%;transition:width .3s ease}.question-text{font-size:1.5rem;margin-bottom:var(--space-xl);font-weight:600;line-height:1.4}.options-container{display:flex;flex-direction:column;gap:var(--space-sm)}.option-btn{width:100%;text-align:left;padding:var(--space-md) var(--space-lg);background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--color-text);font-size:1.1rem;cursor:pointer;transition:all .2s ease;display:flex;justify-content:space-between;align-items:center}.option-btn:hover:not(:disabled){background:#ffffff14;border-color:#cca45e4d}.option-btn.correct{background:#2e7d3233;border-color:#4caf50;color:#fff}.option-btn.wrong{background:#c6282833;border-color:#e53935;opacity:.8}.option-btn:disabled{cursor:default}.feedback-container{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid rgba(255,255,255,.1);animation:fadeIn .3s ease-out}.feedback-container.hidden{display:none}.feedback-text{font-size:1.1rem;margin-bottom:var(--space-md);line-height:1.5}.feedback-text.success{color:#4caf50}.feedback-text.error{color:#e53935}#quiz-results{text-align:center}.quiz-results-icon{width:80px;height:80px;margin:0 auto var(--space-lg);display:flex;align-items:center;justify-content:center;background:#cca45e1a;border-radius:50%}.result-message{font-size:1.2rem;margin-bottom:var(--space-xl);color:var(--color-gold)}.quiz-actions{display:flex;gap:var(--space-md);justify-content:center}.quiz-actions .btn--outline,.feedback-container .btn--outline{background:#ffffff0f;border:1px solid rgba(255,255,255,.25);color:var(--color-text);padding:12px 28px;min-height:48px;font-size:1rem;cursor:pointer}.quiz-actions .btn--outline:hover,.feedback-container .btn--outline:hover{background:#ffffff24;border-color:var(--color-gold);color:var(--color-gold)}.quiz-actions .btn--outline:focus-visible,.feedback-container .btn--outline:focus-visible{outline:2px solid var(--color-gold);outline-offset:3px}@media (max-width: 768px){.quiz-container{padding:var(--space-lg) var(--space-md)}.quiz-title{font-size:1.5rem}.question-text{font-size:1.25rem}.quiz-actions{flex-direction:column}}