/**
 * Cadastro (Figma) — folha estática fora do purge do Tailwind v4.
 */

.registration-page {
  --reg-border: rgba(136, 192, 87, 0.55);
  --reg-accent: #88c057;
  --reg-accent-soft: #c9e473;
  --reg-text: #fbfcfc;
  --reg-muted: rgba(251, 252, 252, 0.55);
  --reg-input-bg: #06240f;
  --reg-error: #f87171;
  --reg-disabled: #4b5563;
  --reg-code-bg: rgba(75, 85, 99, 0.45);
  /* Cartão + header: um pouco mais estreitos que o pico anterior; limita em telas grandes */
  --reg-shell-max: min(26.5rem, calc(100% - 1rem));

  box-sizing: border-box;
  /* svh = fallback; dvh por último (mobile / DevTools). Evitar lvh (pode > área visível). */
  min-height: 100svh;
  min-height: 100dvh;
  position: relative;
  isolation: isolate;
  padding-top: 1rem;
  padding-right: 0.8rem;
  padding-left: 0.8rem;
  /* Respiro fixo + dinâmico + safe-area: sempre sobra área após o cartão ao rolar até o fim */
  padding-bottom: max(
    5.5rem,
    calc(env(safe-area-inset-bottom, 0px) + 4rem + 6dvh)
  );
  color: var(--reg-text);
  /* URL vem de --registration-bg-image (Slim + to_json) — aspas aninhadas quebravam o atributo style */
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  background-color: #021018;
  background-image: var(
    --registration-bg-image,
    url("../images/lobby/Background.svg")
  );
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Vinheta Figma: mais escura e azulada, mantendo halftone legível por baixo */
.registration-page::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  border-radius: 0 !important;
  background:
    linear-gradient(
      180deg,
      rgba(3, 14, 28, 0.78) 0%,
      rgba(4, 20, 38, 0.62) 42%,
      rgba(3, 12, 26, 0.82) 100%
    ),
    linear-gradient(
      152deg,
      rgba(16, 58, 92, 0.55) 0%,
      rgba(6, 26, 44, 0.28) 48%,
      rgba(10, 42, 72, 0.5) 100%
    );
}

/* Mesma base do cadastro: sem verde do lobby nem cinza do html vazando nas bordas */
html.registration-fullbleed {
  background-color: #021018 !important;
  background-image: none;
  /* h-full da aplicação fixa altura na viewport e corta conteúdo longo no cadastro */
  height: auto !important;
  min-height: 100svh !important;
  min-height: 100dvh !important;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  scroll-padding-bottom: max(4rem, env(safe-area-inset-bottom, 0px));
}

body.registration-fullbleed.bg-green-football {
  background-color: #021018 !important;
  background-image: none !important;
  height: auto !important;
  min-height: 100svh !important;
  min-height: 100dvh !important;
}

/*
 * Shell de auth (login, cadastro, recuperação): esconder a barra visitante do lobby (turbo-frame#nav),
 * porque ao atualizar só #main o documento pode manter classes do lobby sem .registration-fullbleed.
 *
 * Restrição extra `input.modal-toggle:checked`: quando o auth shell vive dentro do modal do lobby,
 * o `#registration-root` continua no DOM mesmo após fechar o modal — sem essa âncora o `:has()` mantinha
 * o nav escondido até um refresh.
 */
turbo-frame#body:has(#registration-root.registration-page):has(input.modal-toggle:checked) turbo-frame#nav {
  display: none !important;
}

/*
 * Página cadastro: cantos quadrados em toda a cadeia (classe no layout — funciona sem :has no WebView).
 */
html.registration-fullbleed,
html.registration-fullbleed body,
html.registration-fullbleed turbo-frame#body,
html.registration-fullbleed turbo-frame#body > .div,
html.registration-fullbleed turbo-frame#nav,
html.registration-fullbleed turbo-frame#nav .navbar,
html.registration-fullbleed nav.lobby-nav-auth,
html.registration-fullbleed main,
html.registration-fullbleed turbo-frame#main,
html.registration-fullbleed .animated,
html.registration-fullbleed #registration-root.registration-page {
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
}

/* Turbo/layout: h-full + min-h-0 prendem a altura à viewport e cortam o rodapé — altura segue o conteúdo */
html.registration-fullbleed turbo-frame#body,
html.registration-fullbleed turbo-frame#body > .div {
  height: auto !important;
  min-height: 100svh !important;
  min-height: 100dvh !important;
}

html.registration-fullbleed main {
  min-height: auto !important;
}

html.registration-fullbleed turbo-frame#main {
  height: auto !important;
  min-height: auto !important;
}

html.registration-fullbleed .animated {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

html.registration-fullbleed #registration-root.registration-page {
  flex: 1 1 auto;
  width: 100%;
  max-width: none;
  box-sizing: border-box;
}

.registration-page__header {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: var(--reg-shell-max);
  margin: 0 auto 1rem;
  gap: 0.75rem;
}

.registration-page__logo-link {
  display: inline-flex;
  flex-shrink: 0;
  line-height: 0;
  border-radius: 0.25rem;
}

.registration-page__logo-link:focus-visible {
  outline: 2px solid #7dc087;
  outline-offset: 3px;
}

.registration-page__logo {
  display: block;
  height: 3.875rem;
  width: auto;
  max-width: 12.5rem;
  object-fit: contain;
}

.registration-page__support {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1.2rem;
  border-radius: 9999px;
  border: none;
  background: #0a421b;
  color: #fbfcfc;
  font-size: 0.8125rem;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color 0.15s ease;
}

.registration-page__support-label {
  color: #fbfcfc;
}

.registration-page__support-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #7dc087;
  line-height: 0;
}

.registration-page__support-icon svg {
  display: block;
  width: 1.3125rem;
  height: 1.3125rem;
}

.registration-page__support:hover {
  background: #0c4e21;
}

.registration-page__support:hover .registration-page__support-icon {
  color: #92d89a;
}

.registration-card {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: var(--reg-shell-max);
  /* Margem no fluxo: separa o rodapé do fim da viewport mesmo antes do padding da página */
  margin: 0 auto max(1rem, 2.5dvh);
  /* Cartão um pouco mais baixo em telas pequenas */
  min-height: min(clamp(17rem, 36dvh, 26rem), calc(100dvh - 14rem));
  padding: 1.35rem 0.85rem
    max(2.35rem, calc(env(safe-area-inset-bottom, 0px) + 1.5rem));
  overflow: visible;
  border-radius: 1.25rem;
  border: none;
  background: #06240f;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.45);
}

.registration-card__tabs {
  display: flex;
  margin-bottom: 1rem;
  border-bottom: 1px solid rgba(136, 192, 87, 0.2);
}

.registration-card__tab {
  flex: 1;
  padding: 0.62rem 0.25rem;
  background: none;
  border: none;
  color: var(--reg-muted);
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
  position: relative;
}

.registration-card__tab--active {
  color: var(--reg-text);
}

.registration-card__tab--active::after {
  content: "";
  position: absolute;
  left: 12%;
  right: 12%;
  bottom: -1px;
  height: 2px;
  border-radius: 2px;
  background: linear-gradient(90deg, #03f3eb, var(--reg-accent));
}

.registration-panel[hidden] {
  display: none !important;
}

.registration-field {
  margin-bottom: 0.85rem;
}

.registration-field__label {
  display: block;
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: var(--reg-muted);
  margin-bottom: 0.25rem;
}

.registration-field__wrap {
  display: flex;
  align-items: stretch;
  border-radius: 1.25rem;
  border: 1px solid #488453;
  background: #06240f;
  overflow: hidden;
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}

.registration-field__wrap:focus-within {
  border-color: #7dc087;
  box-shadow: 0 0 0 1px rgba(125, 192, 135, 0.22);
}

.registration-field__wrap--error {
  border-color: var(--reg-error);
  box-shadow: 0 0 0 1px rgba(248, 113, 113, 0.25);
}

.registration-field__wrap--error:focus-within {
  border-color: var(--reg-error);
  box-shadow: 0 0 0 1px rgba(248, 113, 113, 0.3);
}

.registration-field__wrap--success {
  border-color: #488453;
}

.registration-field__prefix {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0 0.55rem;
  border-right: 1px solid rgba(72, 132, 83, 0.45);
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--reg-muted);
}

.registration-field__prefix .input-flag {
  width: 1.35rem;
  height: 1.35rem;
  border-radius: 0.25rem;
}

.registration-field__input {
  flex: 1;
  min-width: 0;
  border: none;
  background: transparent;
  color: var(--reg-text);
  font-size: 0.95rem;
  padding: 0.72rem 0.75rem;
  outline: none;
}

.registration-field__input::placeholder {
  color: rgba(251, 252, 252, 0.38);
}

.registration-field__toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  border: none;
  background: transparent;
  color: #7dc087;
  cursor: pointer;
  padding: 0;
}

.registration-field__toggle:hover {
  color: #92d89a;
}

.registration-field__hint {
  font-size: 0.7rem;
  color: #7dc087;
  margin-top: 0.3rem;
  line-height: 1.35;
}

.registration-field__hint--error {
  color: var(--reg-error);
}

/* Senhas (Figma): formato pílula + borda/ícone verde válido ou vermelho inválido */
.registration-field--password > .registration-field__wrap {
  border-radius: 9999px;
}

.registration-field--password .registration-field__wrap--success {
  border-color: #7dc087;
  box-shadow: 0 0 0 1px rgba(125, 192, 135, 0.22);
}

.registration-field--password .registration-field__wrap--success:focus-within {
  border-color: #92d89a;
  box-shadow: 0 0 0 1px rgba(146, 216, 154, 0.28);
}

.registration-field--password .registration-field__wrap--error .registration-field__toggle {
  color: var(--reg-error);
}

.registration-field--password .registration-field__wrap--error .registration-field__toggle:hover {
  color: #fca5a5;
}

.registration-field__error {
  font-size: 0.7rem;
  color: var(--reg-error);
  margin-top: 0.3rem;
  line-height: 1.35;
}

.registration-verify__text {
  font-size: 0.78rem;
  line-height: 1.45;
  color: #fbfcfc;
  margin-bottom: 0.5rem;
}

.registration-verify__text strong,
.registration-verify__text .registration-link {
  color: #a6d90f;
  font-weight: 700;
}

.registration-verify__text .registration-link:hover {
  color: #b8e82a;
  text-decoration: underline;
}

.registration-verify__row {
  display: flex;
  align-items: center;
  gap: 5px;
}

.registration-verify__row .registration-field__wrap {
  flex: 1 1 0;
  min-width: 0;
}

/* Código de verificação: altura e radius iguais ao botão Enviar; fundo/borda como Cadastrar desabilitado */
.registration-field__wrap.registration-verify__code-wrap {
  box-sizing: border-box;
  min-height: 46px;
  height: 46px;
  align-items: center;
  background: #5e5e5e;
  border: 1px solid #b6b6b6;
  border-radius: 14px;
  transition:
    background-color 0.15s ease,
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}

.registration-field__wrap.registration-verify__code-wrap:focus-within {
  background: #666;
  border-color: #c9c9c9;
  box-shadow: 0 0 0 1px rgba(182, 182, 182, 0.35);
}

.registration-verify__code-wrap .registration-field__input {
  font-size: 0.8125rem;
  padding: 0 0.65rem;
  color: #fbfcfc;
  caret-color: #fbfcfc;
}

.registration-verify__code-wrap .registration-field__input::placeholder {
  color: rgba(251, 252, 252, 0.55);
}

.registration-terms__label {
  cursor: pointer;
  flex: 1;
  margin: 0;
}

/* Enviar — equilíbrio com o campo do código (placeholder longo em pt-BR) */
.registration-btn-send {
  -webkit-appearance: none;
  appearance: none;
  flex: 0 0 auto;
  align-self: center;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  height: 46px;
  min-width: 6.25rem;
  padding: 0 1.45rem;
  border-radius: 14px;
  border: none;
  font-family: "Inter", ui-sans-serif, system-ui, sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.2;
  white-space: nowrap;
  color: #fbfcfc;
  background: #488453;
  cursor: pointer;
  text-shadow: none;
  box-shadow: none;
  transition:
    background-color 0.15s ease,
    opacity 0.15s ease;
}

.registration-btn-send:hover:not(:disabled) {
  background: #529560;
}

.registration-btn-send:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.registration-verify__status {
  font-size: 0.72rem;
  color: var(--reg-accent-soft);
  margin-top: 0.35rem;
}

.registration-terms {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  margin: 1rem 0 1rem;
  font-size: 0.72rem;
  line-height: 1.45;
  color: #fbfcfc;
}

.registration-terms .registration-link {
  color: #a6d90f;
  font-weight: 700;
  text-decoration: none;
}

.registration-terms .registration-link:hover {
  color: #b8e82a;
  text-decoration: underline;
}

/* Checkbox termos (Figma): 24×24, raio 6px, borda #C4FFCB, gap 10px no .registration-terms */
.registration-checkbox {
  -webkit-appearance: none;
  appearance: none;
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  margin: 0;
  flex-shrink: 0;
  border-radius: 6px;
  border: 1px solid #c4ffcb;
  /* Mesmo fundo do cartão (`.registration-card` / `--reg-input-bg`) */
  background-color: var(--reg-input-bg, #06240f);
  cursor: pointer;
  opacity: 1;
  transition:
    background-color 0.15s ease,
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}

.registration-checkbox:hover {
  border-color: #d8ffd9;
}

.registration-checkbox:focus-visible {
  outline: 2px solid #c4ffcb;
  outline-offset: 2px;
}

.registration-checkbox:checked {
  background-color: #488453;
  border-color: #c4ffcb;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10' fill='none'%3E%3Cpath stroke='%23fbfcfc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M1 5l3 3 7-7'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px 10px;
}

.registration-checkbox:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.registration-link {
  color: var(--reg-accent-soft);
  font-weight: 700;
  text-decoration: none;
}

.registration-link:hover {
  text-decoration: underline;
}

/* Cadastrar — Figma (plano, sem .btn do lobby) */
.registration-form button.registration-btn-submit {
  -webkit-appearance: none;
  appearance: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  box-sizing: border-box;
  width: 100%;
  max-width: 298px;
  /* Figma: 48px altura total; texto centralizado (padding 15 do Figma ≈ área útil com 1 linha) */
  height: 48px;
  margin-inline: auto;
  padding: 0 1rem;
  border-radius: 16px;
  font-family: "Inter", ui-sans-serif, system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.2;
  color: #979797;
  cursor: pointer;
  text-shadow: none;
  box-shadow: none;
  transition:
    background-color 0.15s ease,
    border-color 0.15s ease,
    color 0.15s ease;
}

.registration-form button.registration-btn-submit:disabled {
  background-color: #5e5e5e;
  border: 1px solid #b6b6b6;
  color: #979797;
  cursor: not-allowed;
  opacity: 1;
}

.registration-form button.registration-btn-submit:not(:disabled) {
  background-color: #488453;
  border: none;
  color: #979797;
}

.registration-form button.registration-btn-submit:not(:disabled):hover {
  background-color: #529560;
}

.registration-form button.registration-btn-submit:not(:disabled):active {
  background-color: #3f7549;
}

.registration-form button.registration-btn-submit:focus-visible {
  outline: 2px solid #c9e473;
  outline-offset: 2px;
}

.registration-footer {
  text-align: center;
  margin-top: auto;
  padding-top: 1.35rem;
  padding-bottom: max(0.5rem, 2dvh);
  line-height: 1.45;
  font-size: 0.8rem;
  color: #fbfcfc;
}

.registration-footer .registration-link {
  color: #a6d90f;
  font-weight: 700;
  text-decoration: none;
}

.registration-footer .registration-link:hover {
  color: #b8e82a;
  text-decoration: underline;
}

.registration-errors {
  margin-bottom: 0.75rem;
  padding: 0.6rem 0.75rem;
  border-radius: 0.65rem;
  background: rgba(248, 113, 113, 0.12);
  border: 1px solid rgba(248, 113, 113, 0.35);
  color: var(--reg-error);
  font-size: 0.78rem;
}

.registration-errors ul {
  margin: 0;
  padding-left: 1rem;
}

.simple_form .registration-field .error {
  display: none;
}

/* Login (mesmo cartão que cadastro) */
.registration-card__title {
  margin: 0 0 1rem;
  text-align: center;
  font-size: 1.05rem;
  font-weight: 600;
  color: #fbfcfc;
  line-height: 1.35;
}

.registration-card__subtitle {
  margin: 0 0 1rem;
  text-align: center;
  font-size: 0.82rem;
  font-weight: 500;
  color: rgba(251, 252, 252, 0.92);
  line-height: 1.45;
}

.registration-card__accent {
  color: #a6d90f;
  font-weight: 700;
}

/* Recuperação: equilíbrio entre cartão alto (muitos campos) e leitura — sem min-height forçada nem 2rem entre senhas do login */
.registration-card:has(.registration-form--password-recovery) {
  min-height: auto;
  padding-top: 1.2rem;
  padding-right: 0.85rem;
  padding-left: 0.85rem;
  padding-bottom: max(1.35rem, calc(env(safe-area-inset-bottom, 0px) + 0.85rem));
}

.registration-card:has(.registration-form--password-recovery) .registration-card__title {
  margin-bottom: 0.55rem;
  font-size: 1.04rem;
}

.registration-card:has(.registration-form--password-recovery) .registration-card__subtitle {
  margin-bottom: 0.72rem;
  font-size: 0.8rem;
  line-height: 1.4;
}

.registration-card:has(.registration-form--password-recovery) .registration-card__tabs {
  margin-bottom: 0.65rem;
}

.registration-card:has(.registration-form--password-recovery) .registration-card__tab {
  padding: 0.52rem 0.22rem;
  font-size: 0.9rem;
}

.registration-card:has(.registration-form--password-recovery) .registration-field {
  margin-bottom: 0.62rem;
}

.registration-card:has(.registration-form--password-recovery) .registration-field__label {
  margin-bottom: 0.18rem;
}

.registration-card:has(.registration-form--password-recovery) .registration-field__input {
  padding: 0.62rem 0.68rem;
  font-size: 0.92rem;
}

.registration-card:has(.registration-form--password-recovery) .registration-field__hint {
  margin-top: 0.24rem;
  font-size: 0.68rem;
}

.registration-card:has(.registration-form--password-recovery) .registration-field__error {
  margin-top: 0.22rem;
}

.registration-card:has(.registration-form--password-recovery) .registration-verify__text {
  margin-bottom: 0.42rem;
  font-size: 0.75rem;
  line-height: 1.38;
}

.registration-card:has(.registration-form--password-recovery) .registration-field__wrap.registration-verify__code-wrap,
.registration-card:has(.registration-form--password-recovery) .registration-btn-send {
  min-height: 44px;
  height: 44px;
  border-radius: 13px;
}

.registration-card:has(.registration-form--password-recovery) .registration-btn-send {
  padding: 0 1.2rem;
  font-size: 0.84rem;
  min-width: 6rem;
}

.registration-card:has(.registration-form--password-recovery) .registration-verify__status {
  margin-top: 0.28rem;
  font-size: 0.71rem;
}

.registration-card:has(.registration-form--password-recovery) .registration-terms {
  margin: 0.65rem 0 0.72rem;
  font-size: 0.72rem;
  gap: 9px;
  line-height: 1.42;
}

.registration-card:has(.registration-form--password-recovery) .registration-login-forgot {
  margin-top: 0.65rem;
  font-size: 0.8rem;
}

/* Sobrescreve o espaçamento largo de `.registration-form--login` entre campos de senha */
.registration-form--password-recovery.registration-form--login .registration-field--password {
  margin-bottom: 0.62rem;
}

.registration-form--password-recovery .registration-btn-submit {
  margin-top: 0.85rem;
}

.registration-field .registration-field__wrap:has(.registration-field__valid-icon) {
  position: relative;
}

.registration-field__valid-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0.65rem;
  top: 50%;
  transform: translateY(-50%);
  color: #7dc087;
  pointer-events: none;
}

.registration-field__valid-icon[hidden] {
  display: none !important;
}

.registration-login-forgot {
  text-align: center;
  margin-top: 0.85rem;
  font-size: 0.82rem;
  color: #fbfcfc;
  line-height: 1.45;
}

.registration-login-forgot__link {
  color: #a6d90f;
  font-weight: 700;
  text-decoration: underline;
  text-decoration-color: #a6d90f;
  text-underline-offset: 0.12em;
}

.registration-login-forgot__link:hover {
  color: #b8e82a;
  text-decoration-color: #b8e82a;
}

/* Login shell — borda e raio dos campos (Figma) */
.registration-form--login .registration-field__wrap {
  border: 1px solid #c4ffcb;
  border-radius: 16px;
}

.registration-form--login .registration-field__wrap:focus-within {
  border-color: #c4ffcb;
  box-shadow: 0 0 0 1px rgba(196, 255, 203, 0.35);
}

.registration-form--login .registration-field__wrap--error {
  border-color: var(--reg-error);
  box-shadow: 0 0 0 1px rgba(248, 113, 113, 0.25);
}

.registration-form--login .registration-field__wrap--error:focus-within {
  border-color: var(--reg-error);
  box-shadow: 0 0 0 1px rgba(248, 113, 113, 0.3);
}

.registration-form--login .registration-field--password > .registration-field__wrap {
  border-radius: 16px;
}

.registration-form--login .registration-field--password .registration-field__wrap--success {
  border-color: #c4ffcb;
  box-shadow: 0 0 0 1px rgba(196, 255, 203, 0.35);
}

.registration-form--login .registration-field--password .registration-field__wrap--success:focus-within {
  border-color: #c4ffcb;
  box-shadow: 0 0 0 1px rgba(196, 255, 203, 0.45);
}

/* Login — mais espaço entre senha e «Entrar»; botão com a mesma largura dos campos */
.registration-form--login .registration-field--password {
  margin-bottom: 2rem;
}

.registration-form--login button.registration-btn-submit {
  max-width: none;
  width: 100%;
  margin-inline: 0;
}

.registration-login-divider {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  margin: 1.25rem 0 1rem;
  color: rgba(251, 252, 252, 0.55);
  font-size: 0.76rem;
}

.registration-login-divider::before,
.registration-login-divider::after {
  content: "";
  flex: 1;
  height: 1px;
  background: rgba(72, 132, 83, 0.45);
}

.registration-login-signup {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  text-decoration: none;
  color: #fbfcfc;
  margin-bottom: 0.5rem;
}

.registration-login-signup__icon {
  width: 3.25rem;
  height: auto;
  opacity: 0.95;
}

.registration-login-signup__label {
  font-size: 0.92rem;
  font-weight: 600;
}

.registration-login-signup:hover .registration-login-signup__label {
  color: #a6d90f;
}