body {
  font-family: Arial, sans-serif;
  margin: 0;
  /* padding: 20px; */
  /* background: #f8fafc; */
  background-image: url('../img/accounting.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 100vh;
  color: #111827;
  display: flex;
  justify-content: center;
  align-items: center;
  /* filter: drop-shadow(2px 4px 6px black); */
  filter: drop-shadow(2px 4px 10px #0d1734);
  background-color: #1E3A8A;
}
.wrap {
  max-width: 100%;
  width: 450px;
  margin: 40px auto; 
}
.card { background: #fff; border: 1px solid #e5e7eb; border-radius: 4px; padding: 30px; }
h1 { margin: 0 0 10px; font-size: 24px; color: #1E3A8A; }
.card i{
  font-size: 25px;
  width: 10px;
  color: #1E3A8A;
}




.alert { border-radius: 8px; padding: 10px 12px; margin-top: 12px; display: none; white-space: pre-wrap; }
.alert.ok { background: #dcfce7; color: #166534; border: 1px solid #bbf7d0; }
.alert.err { background: #fee2e2; color: #991b1b; border: 1px solid #fecaca; }
.links { margin-top: 14px; text-align: center; font-size: 13px; }
.links a { color: #1E3A8A; text-decoration: none; }

.login-tittle{
  display: flex;  
  flex-direction: row;
  gap: 20px;
}