/* Vars only — @font-face live in 3b19 (Gotham/Floripa) + d993 (Geometria). Do not redeclare faces. */
:root,
html,
.__variable_c90134,
.__variable_d46173,
.__variable_29c9b1 {
  --font-geometria: "__FontGeometria_c90134", "__FontGeometria_Fallback_c90134", sans-serif;
  --font-floripa: "__FontFloripa_d46173", "__FontFloripa_Fallback_d46173", Impact, sans-serif;
  --font-gotham: "__FontGotham_29c9b1", "__FontGotham_Fallback_29c9b1", sans-serif;
}

.font-secondary,
h1.font-secondary {
  font-family: var(--font-floripa) !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

body,
form,
button,
input {
  font-family: var(--font-gotham);
}

form input[name="login"],
form input[name="password"],
form input[name="email"],
form input[name="password2"],
form input[type="text"],
form input[type="password"],
form input[type="email"] {
  font-family: var(--font-gotham);
}

/* Custom auth checkboxes — visible empty state */
form input[type="checkbox"].appearance-none,
form input[type="checkbox"].peer,
form input[type="checkbox"].l5-check-input {
  -webkit-appearance: none;
  appearance: none;
  width: 1.5625rem;
  height: 1.5625rem;
  min-width: 1.5625rem;
  min-height: 1.5625rem;
  border: 1px solid rgba(255, 255, 255, 0.45) !important;
  border-radius: 0.3125rem;
  background: rgba(16, 16, 17, 0.95) !important;
  cursor: pointer;
  flex-shrink: 0;
}

form input[type="checkbox"].appearance-none:checked,
form input[type="checkbox"].peer:checked,
form input[type="checkbox"].l5-check-input:checked {
  border-color: #ff8c00 !important;
  background: rgba(120, 71, 56, 0.45) !important;
}

.l5-legal-checks {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
  width: 100%;
  max-width: 24.625rem;
  margin: 1.25rem auto 0;
}

.l5-legal-checks label {
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 0.75rem;
  color: #fff;
  cursor: pointer;
  text-align: left;
}

.l5-legal-checks .l5-legal-text {
  font-size: 0.875rem;
  line-height: 1.35;
}

.l5-legal-checks a {
  color: #ff8c00;
  font-weight: 500;
}

.l5-legal-checks a:hover {
  color: #ff6a00;
}