.quiz-container{max-width:720px;margin:24px 0;padding:20px 24px;background:#fff;border-radius:12px;box-shadow:0 6px 16px rgba(0,0,0,.08)}.card-column{display:flex;flex-direction:column;gap:10px}.quiz-card{border:1px solid #e5e7eb;border-radius:10px;padding:12px 14px;background:#fff;display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:600;transition:background .2s,border-color .2s,box-shadow .2s}.quiz-card .symbol{width:auto;min-width:0;white-space:nowrap;text-align:left;font-weight:700;color:#1f2937}.quiz-card .arrow{flex-shrink:0;font-size:1rem;color:#6b7280;margin:0 2px}.quiz-card input.form-control{width:160px;text-align:center;font-weight:600;border-radius:8px;border:1px solid #cbd5e1;padding:6px 8px}.quiz-card.correct{border-color:#34d399;background:#ecfdf5;box-shadow:0 0 0 1px rgba(16,185,129,.25)}.quiz-card.incorrect{border-color:#f87171;background:#fef2f2;box-shadow:0 0 0 1px rgba(239,68,68,.25)}.quiz-buttons{margin-top:24px;display:flex;justify-content:center;gap:16px}.quiz-buttons .btn{min-width:130px;font-weight:600}.quiz-complete-check{position:absolute;top:14px;right:16px;font-size:1.8rem;color:#22c55e;z-index:5}.quiz-container{position:relative;padding-top:56px}