.rf-form {
  width: 100%;
}
.rf-label {
  display: block;
  margin: 14px 0 6px;
  font-size: 13px;
  color: #d5e2f5;
}
.rf-optional {
  color: var(--muted);
}
.rf-input {
  width: 100%;
  border: 1px solid #84a4ca55;
  border-radius: 10px;
  background: #0a1b33cc;
  color: var(--text);
  padding: 11px 12px;
  outline: none;
  font-size: 15px;
}
.rf-input:focus {
  border-color: #38bdf8;
  box-shadow: 0 0 0 3px #38bdf833;
}
.rf-msg {
  border-radius: 10px;
  padding: 11px 13px;
  margin-bottom: 8px;
  font-size: 14px;
}
.rf-ok {
  background: #14532d;
  border: 1px solid #22c55e7a;
}
.rf-err {
  background: #7f1d1d;
  border: 1px solid #ef44447a;
}
.rf-captcha {
  margin-top: 16px;
}
.rf-hint {
  margin-top: 12px;
  color: var(--muted);
  font-size: 12px;
}
.rf-hint code {
  background: #ffffff14;
  padding: 1px 5px;
  border-radius: 4px;
}