.quiz-modal { position:fixed; z-index:9999; top:0; left:0; width:100vw; height:100vh; display:flex; align-items:center; justify-content:center; }
.quiz-overlay { position:fixed; top:0; left:0; width:100vw; height:100vh; background:rgba(10,10,20,0.85); z-index:1; }
.quiz-content { position:relative; z-index:2; background:rgba(24,24,28,0.97); border-radius:24px; max-width:900px; width:98vw; min-height:400px; padding:48px 32px; box-shadow:0 8px 80px #000a; color:#fff; }
.quiz-step { display:none; }
.quiz-step.active { display:block; }
.quiz-answers label { 
    display:block; 
    margin-bottom:22px; 
    font-size:1.9rem; 
    cursor:pointer; 
    font-weight:600; 
    font-family: 'michroma', sans-serif; }
.quiz-answers input[type="radio"] { accent-color:#e53a26; width:22px; height:22px; margin-right:8px; }
.quiz-btn { 
    min-width:180px; 
    font-size:1.18rem; 
    border-radius:5px; 
    margin-right:22px; 
    margin-top:28px; 
    font-weight: bold !important;
    }

.quiz-cta-btn { 
    color: BLACK !important;
    background-color: #f4d242;
    opacity: 0.7;
    }
.quiz-cta-btn:hover { 
    color: BLACK !important;
    background-color: #f9e079 !important;
    }

.quiz-btn-next {
    border-color: #f4d242;
    color: #f4d242 !important;
}
.quiz-progress { margin-top:32px; text-align:right; }
.quiz-dots span { display:inline-block; width:16px; height:16px; border-radius:50%; background:#555; margin:2px; }
.quiz-dots span.active { background:#e53a26; }
.quiz-close { position:absolute; top:24px; right:24px; font-size:2.4rem; color:#fff; cursor:pointer; opacity:0.7; }
@media (max-width: 600px) {
    .quiz-content { padding:24px 2vw; min-height:300px; }
    .quiz-answers label { font-size:1.4rem; }
3