/* register.travel-study.uz — quiz inside the ticket card */
.quiz__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 36px; margin-bottom: 12px; }
.quiz__back { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px 6px 4px; border-radius: 10px; font: inherit; font-weight: 600; font-size: .9375rem; color: var(--ink-2, #4a5a70); background: none; border: 0; cursor: pointer; }
.quiz__back:hover { background: var(--mist, #f3f6fa); color: var(--ink); }
.quiz__count { margin-left: auto; font-size: .875rem; font-weight: 650; color: var(--ap-red, #e5383b); letter-spacing: .01em; }
.quiz__bar { height: 6px; border-radius: 99px; background: #f1e3e4; overflow: hidden; margin-bottom: 26px; }
.quiz__bar i { display: block; height: 100%; width: 0; border-radius: inherit; background: linear-gradient(90deg, var(--ap-red, #e5383b), var(--ap-red-hi, #f24a4d)); transition: width .45s var(--ease, ease); }

.quiz__q { font-size: clamp(1.375rem, 2.6vw, 1.75rem); line-height: 1.2; letter-spacing: -.025em; font-weight: 700; margin-bottom: 20px; text-wrap: balance; }
.quiz__opts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.quiz__opt { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 60px; padding: 14px 16px; border-radius: 14px; text-align: left;
  border: 1.5px solid #d3dce8; background: #f7f9fc; color: var(--ink); font: inherit; font-size: 1.0625rem; font-weight: 600; line-height: 1.3; cursor: pointer;
  transition: border-color .15s, background-color .15s, transform .15s var(--ease, ease), box-shadow .15s; -webkit-tap-highlight-color: transparent; }
.quiz__opt:hover { border-color: #e9a3a5; background: #fff; }
.quiz__opt:active { transform: scale(.985); }
.quiz__opt:focus-visible { outline: none; border-color: var(--ap-red, #e5383b); box-shadow: 0 0 0 4px rgba(229, 56, 59, .16); }
.quiz__dot { flex: none; width: 22px; height: 22px; border-radius: 50%; border: 2px solid #b9c5d4; background: #fff; position: relative; transition: border-color .15s; }
.quiz__opt.is-on { border-color: var(--ap-red, #e5383b); background: #fff5f5; box-shadow: 0 0 0 4px rgba(229, 56, 59, .12); }
.quiz__opt.is-on .quiz__dot { border-color: var(--ap-red, #e5383b); }
.quiz__opt.is-on .quiz__dot::after { content: ""; position: absolute; inset: 3px; border-radius: 50%; background: var(--ap-red, #e5383b); }

.quiz.is-anim .quiz__step:not([hidden]), .quiz.is-anim .quiz__contact:not([hidden]) { animation: qIn .35s var(--ease, ease) both; }
@keyframes qIn { from { opacity: 0; transform: translateX(14px); } to { opacity: 1; transform: none; } }

.quiz__contact .quiz__q { margin-bottom: 18px; }
.quiz__contact .field input[aria-invalid="true"] { border-color: var(--danger, #b8251b); }

@media (max-width: 600px) {
  .quiz__opts { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .quiz__opt { min-height: 56px; font-size: 1rem; }
}
@media (prefers-reduced-motion: reduce) { .quiz.is-anim .quiz__step, .quiz.is-anim .quiz__contact { animation: none; } }