/* Centraliza login e registro na tela */
#login, #register {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  width: 100%;
  background: #f5f5f5;
  position: fixed; /* sempre sobre a home */
  top: 0;
  left: 0;
  z-index: 1000;
}

/* Caixa de login/registro */
.login-box, .register-box {
  display: flex;
  flex-direction: column;
  gap: 12px;
  background: white;
  padding: 30px;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  width: 100%;
  max-width: 360px;
}

/* Inputs */
.login-box input, .register-box input {
  padding: 12px;
  border-radius: 8px;
  border: 1px solid #ccc;
  width: 100%;
  font-size: 1rem;
}

/* Botões */
.login-box button, .register-box button {
  padding: 12px 0;
  border-radius: 8px;
  border: none;
  background: #1e88e5;
  color: white;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s;
}

.login-box button:hover, .register-box button:hover {
  background: #1565c0;
}

/* Botão Google */
#login-google-btn {
  background: #db4437;
}
#login-google-btn:hover {
  background: #c23321;
}

/* Alternar login ↔ registro */
.login-box button#show-register,
.register-box button#back-to-login {
  background: transparent;
  color: #1e88e5;
  border: 1px solid #1e88e5;
}
.login-box button#show-register:hover,
.register-box button#back-to-login:hover {
  background: #1e88e5;
  color: white;
}