/* ── BACK LINK ── */
.back-link {
  display: inline-flex; align-items: center; gap: 7px;
  font-size: 13px; font-weight: 600; color: var(--muted);
  margin-bottom: 28px; transition: color .15s;
  width: fit-content;
}
.back-link:hover { color: var(--blue); }
.back-link svg {
  width: 15px; height: 15px; stroke: currentColor; fill: none;
  stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round;
}

/* ── FORM ICON ── */
.form-icon {
  width: 52px; height: 52px; border-radius: 14px;
  background: #eef3fe; display: flex; align-items: center; justify-content: center;
  margin-bottom: 22px;
}
.form-icon svg {
  width: 24px; height: 24px; stroke: var(--blue); fill: none;
  stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
}

/* ── STEPS CARD ── */
.steps-card {
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 16px;
  backdrop-filter: blur(12px);
  padding: 24px;
  margin-bottom: 28px;
}

.steps-card-label {
  font-size: 10px; font-weight: 700;
  letter-spacing: .12em; text-transform: uppercase;
  color: rgba(255,255,255,.35);
  margin-bottom: 18px;
}

.step-row {
  display: flex; align-items: flex-start; gap: 14px;
  padding: 12px 0;
  border-top: 1px solid rgba(255,255,255,.06);
}
.step-row:first-of-type { border-top: none; padding-top: 0; }

.step-num {
  width: 26px; height: 26px; flex-shrink: 0;
  background: rgba(26,110,245,.2); border: 1px solid rgba(26,110,245,.35);
  border-radius: 8px;
  display: flex; align-items: center; justify-content: center;
  font-size: 12px; font-weight: 800; color: #7fb5ff;
}

.step-title { font-size: 13px; font-weight: 700; color: var(--white); margin-bottom: 2px; }
.step-desc { font-size: 12px; color: rgba(255,255,255,.45); line-height: 1.55; }

/* override badge dot to blue (login uses green) */
.right-badge::before {
  background: #34d399;
  box-shadow: 0 0 6px #34d399;
}