#secure-login-form-wrap .lead,
#secure-code-form-wrap  .lead { font-size: 1rem; }

/* Lock icon above Welcome Back — soft brand-green on light-green, subtle breathing pulse */
.secure-lock-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: #e8f5ee;
  color: #5a8a2c;
  font-size: 34px;
  margin: 0 auto;
  position: relative;
  animation: secure-lock-breathe 3s ease-in-out infinite;
}
.secure-lock-icon::after {
  content: "";
  position: absolute;
  inset: -5px;
  border-radius: 50%;
  border: 2px solid rgba(90, 138, 44, 0.35);
  animation: secure-lock-pulse 2.4s ease-in-out infinite;
  pointer-events: none;
}
@keyframes secure-lock-pulse {
  0%, 100% { transform: scale(1); opacity: 0.7; }
  50%      { transform: scale(1.15); opacity: 0; }
}
@keyframes secure-lock-breathe {
  0%, 100% { box-shadow: 0 0 0 0 rgba(90, 138, 44, 0.25); }
  50%      { box-shadow: 0 0 0 6px rgba(90, 138, 44, 0);   }
}

/* Trust-indicator row below button */
.secure-trust-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 20px;
  margin-top: 22px;
  padding-top: 18px;
  border-top: 1px solid #edeef1;
  font-size: 0.78rem;
  color: #5a6673;
}
.secure-trust-row span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}
.secure-trust-row i {
  color: #8bc34a;
  font-size: 1rem;
}

#secure-login-message.alert-danger,
#secure-code-message.alert-danger {
  background-color: #fdecea;
  border-color: #f5c2c0;
  color: #8a1f1a;
}

#secureLoginSubmit[disabled],
#secureCodeSubmit[disabled] {
  opacity: 0.7;
  cursor: not-allowed;
}

/* Code-input styling refinements */
#secureCode {
  font-variant-numeric: tabular-nums;
}
#secureCode:focus {
  border-color: #5a8a2c;
  box-shadow: 0 0 0 0.18rem rgba(90, 138, 44, 0.18);
}

/* Resend / change-email links — slightly muted, underlined on hover */
#secure-resend-link,
#secure-change-email {
  color: #5a8a2c;
  text-decoration: none;
}
#secure-resend-link:hover,
#secure-change-email:hover {
  text-decoration: underline;
}