/*
 * Sign in — Figma frames 7884:2317 (desktop) and 7888:2556 (mobile).
 *
 * The screen is the auth shell (components/auth-shell.css): the still
 * beside the form on the 1920 frame and above it on the 375 one, a 40px
 * item gap down the form, a 16px gap inside the intro, 24 between the
 * fields, and 24 between the checkbox row, the button and the meta line.
 *
 * It has no rules of its own. The password-reset control used to reveal
 * a note in place, because there was nowhere for it to go; now that
 * /forgot-password/ exists it is an ordinary link in the meta row, and
 * the note and its styling went with it.
 */
.dark_btn{
  display: flex;
  padding: 17px 30px;
  align-items: center;
  gap: 16px;
  border-radius: 4px;
  background: var(--base-ink, #1B1A18);
  color: var(--brand-cream, #F3F1EB);
  font-family: "DM Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
}
.dark_btn:hover{
  background: var(--brand-bronze, #8A6E48);
  color: var(--brand-cream, #F3F1EB);
}