body {

  background-image: url(/layout/media/bg-login.webp);

  background-size: cover;

  background-position: center;

}



.frm-login input {

  width: 265px;

  border: none;

  padding: 14px 14px;

  border-radius: 12px;

  outline: 1px solid #d0d0d0;

  font-size: 14px;

}



.frm-login {

  background-color: white;

  padding: 33px 30px 40px;

  width: 334px;

  border-radius: 20px;

  display: flex;

  flex-direction: column;

  align-items: center;

  gap: 10px;

  margin: auto;

}



#login main {

  padding: 60px 0;

}



.frm-login h3 {

  margin-bottom: 20px;

}



.frm-login .btn {

  background-color: var(--color-1);

  padding: 13px 15px;

  border-radius: 13px;

  color: white;

  letter-spacing: 0.5px;

  line-height: 1.2;

  text-align: center;

  border: none;

  font-size: 13px;

  font-weight: 500;

  cursor: pointer;

  outline: none;

  width: calc(100% - 6px);

  transition: .2s ease;

}



.frm-login .btn.cadastro {

  background-color: var(--color-3);

}



.frm-login .btn:hover {

  background-color: var(--color-4);

}



.frm-login a {

  text-decoration: none;

  color: var(--color-1);

  font-size: 14px;

}



.frm-login input:focus {

  outline-color: var(--color-1);

}



.frm-login .btn[disabled] {

  background-color: gray;

  cursor: default;

}



.frm-login .leg {

  font-size: 13px;

  text-align: center;

  line-height: 1.3;

}