body {
  min-height: 100dvh;
  display: flex;
  justify-content: center;
  align-items: center;
  background:  url('/assets/images/login-background.png?v=2') center / cover;
  flex-direction: column;
  gap: 16px;
}

form {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 16px;
  width: 90%;
  max-width: 350px;
}

h1 {
  font-size: 32px;
  color: var(--light-color);
  text-shadow: 0 4px 4px rgba(from var(--light-color) r g b / 0.4);
  text-align: center;
  font-weight: 700;
  letter-spacing: 4px;
  text-transform: uppercase;
}

.logo {
  width: 250px;
  filter: drop-shadow(0px 4px 8px rgba(from var(--light-color) r g b / 0.2));
}