.quiz-container{background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:40px;margin-bottom:32px;position:relative;overflow:hidden}.quiz-header{text-align:center;margin-bottom:32px}.quiz-header h1{font-size:1.8rem;margin-bottom:10px;color:var(--text-dark)}.quiz-header p{color:var(--text-muted);font-size:.95rem;max-width:500px;margin:0 auto}.quiz-progress{margin-bottom:36px}.quiz-progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.82rem;color:var(--text-muted);font-weight:500}.quiz-progress-bar{width:100%;height:8px;background:var(--border);border-radius:4px;overflow:hidden}.quiz-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),#2ecc71);border-radius:4px;transition:width .5s cubic-bezier(.4, 0, .2, 1);width:0%}.quiz-steps-wrapper{position:relative;overflow:hidden;min-height:320px}.quiz-step{position:absolute;top:0;left:0;width:100%;opacity:0;transform:translateX(60px);transition:opacity .4s ease,transform .4s ease;pointer-events:none;visibility:hidden}.quiz-step.active{opacity:1;transform:translateX(0);pointer-events:auto;position:relative;visibility:visible}.quiz-step.exit-left{opacity:0;transform:translateX(-60px)}.quiz-step.enter-right{transform:translateX(60px)}.quiz-question{font-family:var(--font-heading);font-size:1.35rem;font-weight:600;color:var(--text-dark);margin-bottom:8px;line-height:1.4}.quiz-question-number{display:inline-block;background:var(--accent);color:#fff;width:32px;height:32px;border-radius:50%;text-align:center;line-height:32px;font-size:.85rem;font-weight:700;margin-right:10px;font-family:var(--font-heading)}.quiz-question-hint{color:var(--text-muted);font-size:.85rem;margin-bottom:24px}.quiz-options{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.quiz-option{display:flex;align-items:center;gap:14px;padding:16px 20px;background:var(--bg-light);border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all .25s ease;font-size:.95rem;color:var(--text-body);font-weight:500;line-height:1.5;user-select:none}.quiz-option:hover{border-color:var(--accent);background:var(--accent-light);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.quiz-option.selected{border-color:var(--accent);background:var(--accent-light);color:var(--text-dark);box-shadow:0 0 0 3px rgba(39,174,96,.15)}.quiz-option-radio{flex-shrink:0;width:22px;height:22px;border:2px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .25s ease}.quiz-option.selected .quiz-option-radio{border-color:var(--accent);background:var(--accent)}.quiz-option.selected .quiz-option-radio::after{content:'';width:8px;height:8px;background:#fff;border-radius:50%}.quiz-option-text{flex:1}.quiz-nav{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:8px}.quiz-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:var(--radius-md);font-family:var(--font-body);font-size:.92rem;font-weight:600;cursor:pointer;transition:all .25s ease;border:none}.quiz-btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.quiz-btn-back{background:0 0;color:var(--text-muted);border:1.5px solid var(--border)}.quiz-btn-back:hover:not(:disabled){color:var(--text-dark);border-color:var(--text-muted)}.quiz-btn-next{background:var(--accent);color:#fff;margin-left:auto}.quiz-btn-next:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.quiz-btn-back svg,.quiz-btn-next svg{width:18px;height:18px}.quiz-start{text-align:center;padding:20px 0}.quiz-start-icon{font-size:3.5rem;margin-bottom:16px;line-height:1}.quiz-start h1{font-size:1.8rem;margin-bottom:12px}.quiz-start p{color:var(--text-muted);font-size:1rem;margin-bottom:28px;max-width:480px;margin-left:auto;margin-right:auto;line-height:1.7}.quiz-start-features{display:flex;justify-content:center;gap:32px;margin-bottom:32px;flex-wrap:wrap}.quiz-start-feature{display:flex;align-items:center;gap:8px;font-size:.88rem;color:var(--text-body);font-weight:500}.quiz-start-feature svg{color:var(--accent);flex-shrink:0}.quiz-btn-start{background:var(--accent);color:#fff;padding:16px 40px;font-size:1.05rem;border-radius:var(--radius-md);border:none;font-family:var(--font-body);font-weight:600;cursor:pointer;transition:all .25s ease}.quiz-btn-start:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.quiz-result{text-align:center;animation:fadeInUp .6s ease forwards}@keyframes fadeInUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.quiz-result-header{margin-bottom:28px}.quiz-score-section{margin-bottom:32px}.quiz-score-label{display:flex;justify-content:space-between;margin-bottom:8px;font-size:.85rem;color:var(--text-muted);font-weight:500}.quiz-score-bar{width:100%;height:14px;background:var(--border);border-radius:7px;overflow:hidden;margin-bottom:16px}.quiz-score-fill{height:100%;border-radius:7px;width:0%;transition:width 1.2s cubic-bezier(.4, 0, .2, 1)}.quiz-score-fill.green{background:linear-gradient(90deg,#27ae60,#2ecc71)}.quiz-score-fill.yellow{background:linear-gradient(90deg,#f1c40f,#f39c12)}.quiz-score-fill.orange{background:linear-gradient(90deg,#e67e22,#d35400)}.quiz-score-fill.red{background:linear-gradient(90deg,#e74c3c,#c0392b)}.quiz-score-value{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;color:var(--text-dark);line-height:1}.quiz-score-max{font-size:1rem;color:var(--text-muted);font-weight:400}.quiz-badge{display:inline-block;padding:8px 24px;border-radius:50px;font-size:.9rem;font-weight:700;margin-bottom:12px;letter-spacing:.02em}.quiz-badge.green{background:#e8f8ef;color:#1e8449}.quiz-badge.yellow{background:#fef9e7;color:#9a7d0a}.quiz-badge.orange{background:#fef5e7;color:#935116}.quiz-badge.red{background:#fdedec;color:#922b21}.quiz-result-title{font-size:1.5rem;margin-bottom:10px}.quiz-result-desc{color:var(--text-body);font-size:.95rem;max-width:560px;margin:0 auto 32px;line-height:1.7}.quiz-recommendations{text-align:left;background:var(--bg-light);border-radius:var(--radius-md);padding:28px;margin-bottom:28px}.quiz-recommendations h3{font-size:1.1rem;margin-bottom:16px;display:flex;align-items:center;gap:8px}.quiz-rec-list{display:flex;flex-direction:column;gap:12px}.quiz-rec-item{display:flex;gap:12px;align-items:flex-start;font-size:.9rem;line-height:1.6;color:var(--text-body)}.quiz-rec-icon{flex-shrink:0;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;margin-top:2px}.quiz-rec-icon.good{background:#e8f8ef;color:#27ae60}.quiz-rec-icon.warn{background:#fef9e7;color:#f39c12}.quiz-rec-icon.bad{background:#fdedec;color:#e74c3c}.quiz-links{text-align:left;margin-bottom:28px}.quiz-links h3{font-size:1rem;margin-bottom:14px}.quiz-links-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quiz-link-card{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--bg-light);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-body);font-size:.85rem;font-weight:500;transition:all .25s ease}.quiz-link-card:hover{border-color:var(--accent);color:var(--accent);transform:translateX(3px)}.quiz-link-card::before{content:'\2192';color:var(--accent);font-weight:700}.quiz-cta{background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);border-radius:var(--radius-md);padding:28px;color:#fff;text-align:center;margin-bottom:24px}.quiz-cta h3{color:#fff;font-size:1.15rem;margin-bottom:8px}.quiz-cta p{opacity:.85;font-size:.9rem;margin-bottom:16px}.quiz-cta-btn{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:#fff;padding:12px 28px;border-radius:var(--radius-md);font-weight:600;font-size:.92rem;transition:all .25s ease}.quiz-cta-btn:hover{background:var(--accent-hover);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.quiz-restart{padding-top:8px}.quiz-btn-restart{display:inline-flex;align-items:center;gap:8px;background:0 0;border:1.5px solid var(--border);color:var(--text-muted);padding:10px 24px;border-radius:var(--radius-md);font-family:var(--font-body);font-size:.88rem;font-weight:500;cursor:pointer;transition:all .25s ease}.quiz-btn-restart:hover{border-color:var(--text-muted);color:var(--text-dark)}.quiz-option.correct{border-color:#27ae60;background:#e8f8ef;color:#1e8449;pointer-events:none}.quiz-option.correct .quiz-option-radio{border-color:#27ae60;background:#27ae60}.quiz-option.correct .quiz-option-radio::after{content:'';width:8px;height:8px;background:#fff;border-radius:50%}.quiz-option.incorrect{border-color:#e74c3c;background:#fdedec;color:#922b21;pointer-events:none}.quiz-option.incorrect .quiz-option-radio{border-color:#e74c3c;background:#e74c3c}.quiz-option.incorrect .quiz-option-radio::after{content:'\00d7';color:#fff;font-size:14px;font-weight:700;line-height:1}.quiz-option.disabled{opacity:.55;pointer-events:none}.quiz-explanation{margin-top:20px;padding:20px 24px;border-radius:var(--radius-md);font-size:.9rem;line-height:1.7;color:var(--text-body);animation:fadeInUp .4s ease forwards}.quiz-explanation.correct-bg{background:#e8f8ef;border-left:4px solid #27ae60}.quiz-explanation.incorrect-bg{background:#fef9e7;border-left:4px solid #f39c12}.quiz-explanation-title{font-weight:700;font-size:.92rem;margin-bottom:6px;display:flex;align-items:center;gap:8px}.quiz-explanation-title.correct-text{color:#1e8449}.quiz-explanation-title.incorrect-text{color:#d68910}.quiz-explanation-link{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:.85rem;font-weight:600;color:var(--accent);transition:color .2s}.quiz-explanation-link:hover{color:var(--accent-hover)}.quiz-wrong-answers{text-align:left;margin-bottom:28px}.quiz-wrong-answers h3{font-size:1.05rem;margin-bottom:16px;display:flex;align-items:center;gap:8px}.quiz-wrong-item{padding:16px 20px;background:var(--bg-light);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:10px;font-size:.88rem;line-height:1.6}.quiz-wrong-item strong{display:block;color:var(--text-dark);margin-bottom:4px}.quiz-wrong-item .your-answer{color:#c0392b}.quiz-wrong-item .correct-answer{color:#1e8449}.quiz-wrong-item a{color:var(--accent);font-weight:600}.quiz-wrong-item a:hover{color:var(--accent-hover)}@media (max-width:768px){.quiz-container{padding:24px 18px;border-radius:var(--radius-md)}.quiz-header h1,.quiz-start h1{font-size:1.35rem}.quiz-question{font-size:1.1rem}.quiz-option{padding:14px 16px;font-size:.9rem}.quiz-steps-wrapper{min-height:280px}.quiz-start-features{flex-direction:column;align-items:center;gap:12px}.quiz-links-grid{grid-template-columns:1fr}.quiz-score-value{font-size:2rem}.quiz-result-title{font-size:1.25rem}.quiz-recommendations{padding:20px}.quiz-cta{padding:20px}.quiz-nav{flex-wrap:wrap}.quiz-btn{padding:10px 20px}}@media (max-width:480px){.quiz-container{padding:18px 14px}.quiz-question-number{width:28px;height:28px;line-height:28px;font-size:.78rem}}