.ta-wizard {
  background: #fff; border-radius: 16px; padding: 2.5rem; margin: 2rem auto;
  border: 1.5px solid #E2E8F0; box-shadow: 0 4px 24px rgba(15,23,42,.06); max-width: 100%; width: 100%;
}
.ta-wizard-progress { height: 6px; background: #F1F5F9; border-radius: 99px; margin-bottom: 2rem; overflow: hidden; }
.ta-wizard-progress-bar { height: 100%; background: linear-gradient(90deg, #2563EB, #3B82F6); border-radius: 99px; transition: width 0.4s ease; }
.ta-wizard-step { display: none; }
.ta-wizard-step.active { display: block; animation: wizFadeIn .3s ease; }
@keyframes wizFadeIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
.ta-wizard-step h3 { color: #0C1929; margin-bottom: 0.25rem; font-size: 1.2rem; text-align: center; }
.ta-wizard-desc { color: #64748B; font-size: 0.88rem; margin-bottom: 1.25rem; text-align: center; }
.ta-wizard-options { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.65rem; }
.ta-wizard-option {
  display: flex; flex-direction: column; align-items: center; gap: 0.3rem;
  padding: 1rem 0.75rem; border: 1.5px solid #CBD5E1; border-radius: 12px; background: #fff;
  cursor: pointer; transition: all 0.2s; text-align: center; font-family: inherit;
}
.ta-wizard-option:hover { border-color: #2563EB; background: #EFF6FF; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(37,99,235,.08); }
.ta-wizard-option.selected { border-color: #2563EB; background: #EFF6FF; }
.ta-wizard-option-icon { font-size: 1.75rem; }
.ta-wizard-option-text { font-weight: 700; font-size: 0.88rem; color: #0C1929; }
.ta-wizard-option-sub { font-size: 0.72rem; color: #94A3B8; }
.ta-wizard-input {
  width: 100%; padding: 0.75rem 1rem; border: 1.5px solid #CBD5E1; border-radius: 12px;
  font-size: 1rem; font-family: inherit; transition: border-color 0.2s; background: #F8FAFC;
}
.ta-wizard-input:focus { outline: 2px solid #2563EB; outline-offset: -1px; border-color: #2563EB; }
.ta-wizard-city-search { max-width: 440px; margin: 1rem auto 0; }
.ta-wizard-city-list { display: flex; flex-wrap: wrap; gap: 0.4rem; margin-top: 0.75rem; justify-content: center; }
.ta-wizard-city-btn {
  padding: 0.4rem 0.85rem; border: 1.5px solid #CBD5E1; border-radius: 999px;
  background: #fff; cursor: pointer; font-size: 0.82rem; font-weight: 600; font-family: inherit; transition: all 0.15s; color: #374151;
}
.ta-wizard-city-btn:hover { background: #2563EB; color: #fff; border-color: #2563EB; }

/* Result screen */
.ta-wizard-result { text-align: center; padding: 1.5rem 0; }
.ta-wizard-result-icon { font-size: 2.5rem; margin-bottom: 0.75rem; }
.ta-wizard-result h3 { font-size: 1.15rem; color: #0C1929; margin-bottom: 0.75rem; }
.ta-wizard-result-desc { font-size: 1rem; color: #334155; line-height: 1.6; margin-bottom: 0.5rem; }
.ta-wizard-result-desc strong { color: #0C1929; }
.ta-wizard-result-tip { font-size: 0.9rem; color: #64748B; margin-bottom: 1rem; }
.ta-wizard-result-actions { display: flex; gap: 0.65rem; justify-content: center; flex-wrap: wrap; margin-top: 1.25rem; }
.ta-wizard-btn {
  display: inline-flex; align-items: center; gap: 0.35rem;
  padding: 0.75rem 1.5rem; border-radius: 12px; font-size: 0.92rem; font-weight: 700;
  text-decoration: none; transition: all 0.2s; border: 1.5px solid transparent;
}
.ta-wizard-btn-primary { background: #2563EB !important; color: #fff !important; border-color: #2563EB; }
.ta-wizard-btn-primary:hover { background: #1D4ED8 !important; color: #fff !important; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(37,99,235,.2); }
.ta-wizard-btn-outline { background: #fff; color: #2563EB; border-color: #2563EB; }
.ta-wizard-btn-outline:hover { background: #EFF6FF; }
.ta-wizard-result-note { font-size: 0.82rem; color: #2563EB; margin-top: 0.85rem; font-weight: 600; }

@media (max-width: 600px) {
  .ta-wizard-options { grid-template-columns: 1fr; }
  .ta-wizard { padding: 1.25rem; }
  .ta-wizard-result-actions { flex-direction: column; align-items: center; }
}