.quiz-modal{ position:relative; padding-top:20px; }
.quiz-close{ position:absolute; top:14px; right:14px; z-index:2; }

.quiz-progress{ display:flex; gap:6px; justify-content:center; margin: 4px 0 22px; }
.quiz-progress-dot{ width:6px; height:6px; border-radius:50%; background: rgba(255,255,255,0.18); transition: background .2s ease, width .2s ease; }
.quiz-progress-dot.active{ background: var(--gold-bright); width:16px; border-radius:3px; }
.quiz-progress-dot.done{ background: var(--gold); }

.quiz-eyebrow{ font-family: var(--f-ui); font-size:11px; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; color: var(--text-dim); text-align:center; margin-bottom:10px; }
.quiz-question{ font-size:16px; line-height:1.4; text-align:center; color: var(--text); margin: 0 0 20px; }

.quiz-options{ display:flex; flex-direction:column; gap:8px; }
.quiz-opt{
  text-align:left; padding: 12px 14px; border-radius:12px;
  background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08);
  color: var(--text); font-family: var(--f-body); font-size: 13.5px; cursor:pointer;
  transition: border-color .15s ease, background .15s ease, color .15s ease;
}
.quiz-opt.correct{ border-color: var(--gold-bright); background: var(--gold-soft); color: var(--gold-bright); }
.quiz-opt.wrong{ border-color: rgba(214,100,100,0.5); background: rgba(214,100,100,0.09); color: #db9494; }
.quiz-opt[disabled]{ pointer-events:none; }

.quiz-result{ text-align:center; padding: 14px 0 2px; }
.quiz-result-score{ font-family: var(--f-mono); font-size:13px; letter-spacing:0.05em; color: var(--gold-bright); margin-bottom:8px; }
.quiz-result-title{ font-family: var(--f-ui); font-weight:700; font-size:21px; margin-bottom:10px; }
.quiz-result-text{ font-size:13.5px; line-height:1.55; color: var(--text-dim); margin: 0 0 22px; }
.quiz-result-btn{
  width:100%; padding:13px; border-radius:12px; border:1px solid var(--gold-line);
  background: var(--gold-soft); color: var(--gold-bright); font-family: var(--f-ui);
  font-weight:700; font-size:12.5px; letter-spacing:0.05em; text-transform:uppercase; cursor:pointer;
}