.reset-card .right h2 {
  margin-bottom: 26px;
}

.reset-banner {
  margin-bottom: 8px;
}

.reset-result-card {
  border: 1px solid #d5e2f1;
  border-radius: 14px;
  background: linear-gradient(180deg, #f7fbff 0%, #f1f7ff 100%);
  padding: 14px 14px 12px;
  margin-bottom: 12px;
}

.reset-result-icon {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #e6f4ea;
  color: #1f7a41;
  font-size: 21px;
  margin-bottom: 8px;
}

.reset-result-icon--info {
  background: #e7f3ff;
  color: #0d4f8b;
}

.reset-result-card h3 {
  margin: 0 0 6px;
  font-size: 20px;
  color: #15395d;
}

.reset-result-card p {
  margin: 0;
  color: #27486a;
  font-size: 14px;
  line-height: 1.45;
}

.reset-action-link {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  margin-bottom: 10px;
}

/* Explains the reset flow above the form. Was ".telegram-start-guide" in the old blue palette,
   built around a Telegram OTP walkthrough; renamed and moved onto the brand tokens when reset
   became an emailed link. */
.reset-guide {
  border: 1px solid var(--sma-line);
  border-radius: 14px;
  background: var(--sma-brand-tint);
  padding: 12px;
  margin-bottom: 12px;
}

.reset-guide__title {
  margin: 0 0 8px;
  font-size: 14px;
  font-weight: 700;
  color: var(--sma-ink);
  display: flex;
  align-items: center;
  gap: 6px;
}

.reset-guide__title i {
  color: var(--sma-brand-strong);
}

.reset-guide__steps {
  margin: 0;
  padding-left: 20px;
  color: var(--sma-ink-muted);
  font-size: 13px;
}

.reset-guide__steps li {
  margin-bottom: 5px;
}

.reset-form .input-group {
  margin-bottom: 10px;
}

.reset-form .icon-email i {
  top: 50%;
  transform: translateY(2%);
}
.reset-form .icon-password i {
  top: 50%;
  transform: translateY(-5%);
}

.reset-form .toggle-password i {
  top: 50%;
  transform: translateY(-50%);
}

.reset-form .password,
.reset-form .confirm-password {
  margin-bottom: 0;
  padding-right: 42px;
}

.reset-form .btn-signin {
  margin-top: 14px;
  margin-bottom: 24px;
}

.reset-links {
  margin-top: 0;
}
