/* Estilo da página de login (escopado só aqui — carregado apenas pela rota /login) */
html, body { min-height: 100%; }

/* Camada da imagem de fundo, levemente desfocada pra recuar */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  background: #0c1220 url("/assets/img/login-bg.jpg") center center / cover no-repeat;
  filter: blur(3px) saturate(0.9);
  transform: scale(1.05); /* evita bordas transparentes por causa do blur */
}

/* Overlay: reduz o destaque do fundo e cria contraste pro card saltar */
body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(ellipse 78% 92% at 50% 47%,
    rgba(9, 14, 26, 0.36) 0%,
    rgba(9, 14, 26, 0.62) 100%);
}

/* Centraliza o card no viewport (vertical + horizontal) */
#mantine-login-root {
  position: relative;
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(20px, 5vh, 56px) clamp(16px, 4vw, 40px);
  box-sizing: border-box;
}

/* Realça o box do formulário: sombra profunda pra destacá-lo do fundo */
#mantine-login-root > * {
  filter: drop-shadow(0 24px 60px rgba(2, 6, 20, 0.5));
}