:root {
  --rf-auth-card-bg: rgba(4, 8, 13, .44);
  --rf-auth-card-surface: linear-gradient(145deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .018)), var(--rf-auth-card-bg);
  --rf-auth-card-border: rgba(247, 248, 251, .12);
  --rf-auth-input-bg: rgba(9, 14, 22, .86);
  --rf-auth-input-focus-bg: rgba(13, 20, 31, .96);
  --rf-auth-zone-bg: rgba(255, 255, 255, .035);
  --rf-auth-zone-bg-strong: rgba(255, 255, 255, .07);
  --rf-auth-focus: rgba(247, 248, 251, .58);
  --rf-auth-focus-soft: rgba(247, 248, 251, .06);
  --rf-auth-link-border: rgba(247, 248, 251, .22);
  --rf-auth-link-border-hover: rgba(247, 248, 251, .54);
  --rf-auth-primary-bg: rgba(255, 255, 255, .92);
  --rf-auth-primary-bg-hover: #fff;
  --rf-auth-primary-text: #05080d;
  --rf-auth-language-bg: rgba(8, 12, 18, .78);
  --rf-auth-error-bg: rgba(60, 18, 18, .32);
}

.rf-auth-input-control:focus {
  border-color: rgba(247, 248, 251, .32) !important;
  background: var(--rf-auth-input-focus-bg) !important;
  box-shadow: 0 0 0 3px var(--rf-auth-focus-soft) !important;
  outline: none;
}

.rf-auth-primary-button {
  border: 1px solid rgba(255, 255, 255, .18) !important;
  background: var(--rf-auth-primary-bg) !important;
  color: var(--rf-auth-primary-text) !important;
}

.rf-auth-primary-button:hover,
.rf-auth-primary-button:focus-visible {
  border-color: rgba(255, 255, 255, .5) !important;
  background: var(--rf-auth-primary-bg-hover) !important;
  color: var(--rf-auth-primary-text) !important;
}

.rf-auth-secondary-link {
  color: rgba(226, 232, 240, .78) !important;
  border-bottom: 1px solid var(--rf-auth-link-border);
  text-decoration: none;
}

.rf-auth-secondary-link:hover,
.rf-auth-secondary-link:focus-visible {
  color: #fff !important;
  border-color: var(--rf-auth-link-border-hover);
}