.quiz-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:800px}.quiz-intro,.quiz-questions,.quiz-results{background:#fff;border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,.1);display:none;margin:1rem 0;padding:2rem}.quiz-intro.active,.quiz-questions.active,.quiz-results.active{display:block}.quiz-intro{border:8px solid var(--color-primary)}.quiz-intro-content{margin:0 auto;max-width:600px;text-align:center}.quiz-intro-image{margin-bottom:2rem}.quiz-intro-image img{border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.1);height:auto;max-width:100%}.quiz-title{color:#1a1a1a;font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:1rem}.quiz-description{font-size:1.125rem;line-height:1.6;margin-bottom:2rem}.quiz-start-btn{align-items:center;background:linear-gradient(135deg,#73d13d,#52c41a);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:1.125rem;font-weight:600;gap:.5rem;padding:1rem 2rem;transition:all .3s ease}.quiz-start-btn:hover{background:linear-gradient(135deg,#52c41a,#389e0d);box-shadow:0 6px 20px rgba(115,209,61,.3);transform:translateY(-2px)}.quiz-header{margin-bottom:2rem}.quiz-progress{align-items:center;display:flex;gap:1rem}.quiz-progress-bar{background:#f0f0f0;border-radius:4px;flex:1;height:8px;overflow:hidden}.quiz-progress-fill{background:linear-gradient(90deg,#73d13d,#52c41a);border-radius:4px;height:100%;transition:width .3s ease;width:0}.quiz-progress-text{color:#666;font-size:.875rem;font-weight:500;white-space:nowrap}.quiz-question-container{margin-bottom:3rem}.quiz-question{color:#1a1a1a;font-size:1.5rem;font-weight:600;line-height:1.4;margin-bottom:1.5rem}.quiz-options{display:flex;flex-direction:column;gap:1rem}.quiz-option{align-items:center;background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;gap:.75rem;padding:1rem 1.5rem;text-align:left;transition:all .2s ease}.quiz-option:hover{background:#e9ecef;border-color:#73d13d}.quiz-option.selected{background:#f6ffed;border-color:#73d13d;color:#389e0d}.quiz-option-radio{border:2px solid #d9d9d9;border-radius:50%;flex-shrink:0;height:20px;position:relative;transition:all .2s ease;width:20px}.quiz-option.selected .quiz-option-radio{background:#73d13d;border-color:#73d13d}.quiz-option.selected .quiz-option-radio:after{background:#fff;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.quiz-navigation{justify-content:space-between}.quiz-nav-btn,.quiz-navigation{align-items:center;display:flex}.quiz-nav-btn{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.quiz-nav-btn:hover:not(:disabled){background:#e9ecef;border-color:#73d13d}.quiz-nav-btn:disabled{cursor:not-allowed;opacity:.5}.quiz-next-btn:not(:disabled){background:#73d13d;border-color:#73d13d}.quiz-next-btn:hover:not(:disabled){background:#52c41a;border-color:#52c41a}.quiz-results-content{margin:0 auto;max-width:90%;text-align:center}.quiz-result-box{background:#f8f9fa;border:2px solid #00000030;border-radius:12px;margin-bottom:2rem;padding:3rem 2rem}.quiz-result-tag{background:#777;border-radius:25px;color:#000;display:inline-flex;font-size:1.125rem;font-weight:600;margin-bottom:1rem;mix-blend-mode:color-burn;padding:.75rem 1.5rem}.quiz-result-message{font-size:1.125rem;line-height:1.6;margin-bottom:1rem}.quiz-restart-btn{align-items:center;background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;color:#666;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.quiz-restart-btn:hover{background:#e9ecef;border-color:#525252;color:#000}.closing-cta{align-items:center;display:flex;gap:20px;justify-content:center}@media (max-width:768px){.quiz-container{margin:0 1rem}.quiz-intro,.quiz-questions,.quiz-results{margin:.5rem 0;padding:1.5rem}.quiz-title{font-size:2rem}.quiz-question{font-size:1.25rem}.quiz-navigation{flex-direction:column;gap:1rem}.quiz-nav-btn{justify-content:center;width:100%}.quiz-progress{align-items:stretch;flex-direction:column;gap:.5rem}.quiz-progress-text{text-align:center}.closing-cta{flex-direction:column}}