/* ATCONSYS - Portal de Arquivos */

#login {
  min-height: 100vh;
  background:
    radial-gradient(circle at 15% 15%, rgba(32, 135, 255, .32), transparent 35%),
    radial-gradient(circle at 85% 85%, rgba(0, 210, 255, .16), transparent 32%),
    linear-gradient(135deg, #04162f 0%, #0a3268 52%, #061a35 100%);
}

#login form {
  width: min(420px, calc(100vw - 44px));
  padding: 34px 32px 30px;
  border-radius: 22px;
  background: rgba(6, 20, 42, .88);
  border: 1px solid rgba(121, 193, 255, .28);
  box-shadow: 0 24px 70px rgba(0, 0, 0, .45);
  backdrop-filter: blur(12px);
}

#login h1 {
  color: #ffffff;
  font-size: 2.2rem;
  font-weight: 800;
  letter-spacing: .04em;
  line-height: 1.15;
  text-shadow: 0 4px 18px rgba(0, 0, 0, .28);
}

#login h1::after {
  content: "PORTAL SEGURO DE ARQUIVOS";
  display: block;
  margin-top: 12px;
  color: #8fc9ff;
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .18em;
}

#login input {
  min-height: 48px;
  border-radius: 10px;
  border: 1px solid rgba(135, 197, 255, .28);
  background: rgba(255, 255, 255, .96);
  color: #10233f;
  box-shadow: none;
}

#login input:focus {
  border-color: #38a1ff;
  box-shadow: 0 0 0 4px rgba(56, 161, 255, .18);
}

#login button,
#login .button,
#login input[type="submit"] {
  min-height: 50px;
  border-radius: 10px;
  border: 0;
  background: linear-gradient(135deg, #168cff, #0566d8);
  color: #ffffff;
  font-weight: 800;
  letter-spacing: .02em;
  box-shadow: 0 12px 24px rgba(0, 103, 216, .30);
}

#login button:hover,
#login .button:hover,
#login input[type="submit"]:hover {
  background: linear-gradient(135deg, #2b9cff, #0878ef);
  transform: translateY(-1px);
}

#login .message,
#login .error {
  border-radius: 10px;
}