.quiz{display:grid;grid-template-columns:1fr 340px;gap:0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-main);overflow:hidden}
.quiz-body{padding:40px}
.quiz-side{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);color:#fff;padding:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:20px}
.quiz-side__icon{width:120px;height:120px;background:rgba(204,255,0,.12);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3.5rem;color:var(--acid-green)}
.quiz-side__title{font-family:var(--font-heading);font-size:1.3rem;font-weight:700;line-height:1.3}
.quiz-side__text{font-size:.9rem;color:rgba(255,255,255,.65);line-height:1.6}
.quiz-side__badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.quiz-side__badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-pill);font-size:.8rem;color:rgba(255,255,255,.8)}
.quiz-side__badge i{color:var(--acid-green)}
@media(max-width:768px){.quiz{grid-template-columns:1fr}.quiz-side{padding:24px;order:-1}}
.quiz-header{margin-bottom:32px;text-align:center}
.quiz-header h2{margin-bottom:8px}
.quiz-header p{color:var(--text-muted);margin-bottom:16px}
.quiz-progress{height:4px;background:var(--bg-secondary);border-radius:2px;overflow:hidden;margin-bottom:8px}
.quiz-progress__bar{height:100%;background:var(--acid-green);border-radius:2px;transition:width .4s ease}
.quiz-counter{font-size:.85rem;color:var(--text-muted)}
.quiz-step h3{margin-bottom:20px;font-size:1.1rem}
.quiz-option{display:flex;align-items:center;gap:12px;padding:14px 20px;border:1px solid var(--border-color);border-radius:var(--radius-sm);margin-bottom:10px;cursor:pointer;transition:var(--transition)}
.quiz-option:hover{border-color:var(--acid-green);background:rgba(204,255,0,.05)}
.quiz-option input{accent-color:var(--acid-green);width:18px;height:18px}
.quiz-option input:checked+span{font-weight:600}
.quiz-input{width:100%;padding:14px 20px;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:1rem;font-family:var(--font-body);transition:var(--transition);margin-bottom:12px;background:var(--bg-main)}
.quiz-input:focus{outline:none;border-color:var(--acid-green);box-shadow:0 0 0 3px rgba(204,255,0,.2)}
.quiz-nav{display:flex;justify-content:space-between;margin-top:24px;gap:12px}
.quiz-success{text-align:center;padding:40px 20px}
.quiz-success h3{color:var(--acid-green);margin-bottom:8px}