@layer modules {
  body.gate {
    grid-template-rows: 1fr;
    min-height: 100dvh;
  }

  body.gate > footer {
    display: none;
  }

  .home {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 3rem 1.5rem;
  }

  .home__title {
    font-size: var(--text-xx-large);
    font-weight: 650;
    letter-spacing: -0.03em;
    line-height: 1.1;
    margin: 0;
  }

  .home__alert {
    color: oklch(var(--lch-red-darker));
    margin: 0;
  }

  .home__form {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    max-width: 18rem;
    width: 100%;
  }

  .home__label {
    font-size: var(--text-small);
    font-weight: 600;
  }

  .home__password {
    border: 1px solid var(--color-border);
    border-radius: 0.25rem;
    font: inherit;
    padding: 0.5rem 0.65rem;
  }
}