/* [atual] assets/css/login_styles.css */
/* Reset mínimo */
html, body { height: 100%; margin: 0; padding: 0; }

/* Main da tela de login */
.login-body {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;

  background-color: #2c2c2c;
}


/* grade sutil (opcional) */
@media (min-width: 600px) {
  .login-body {
    background-image:
      linear-gradient(transparent 0, transparent calc(100% - 1px), rgba(0,0,0,.04) calc(100% - 1px)),
      linear-gradient(90deg, transparent 0, transparent calc(100% - 1px), rgba(0,0,0,.04) calc(100% - 1px)),
      radial-gradient(1000px 800px at 10% 10%, rgba(0,0,0,.06), transparent),
      radial-gradient(800px 600px at 90% 90%, rgba(0,0,0,.06), transparent),
      var(--mantine-color-body);
    background-size: 24px 24px, 24px 24px, auto, auto, auto;
  }
}

/* Animação usada pelo Paper */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0); }
}