/* Tło */
body.login {
  background: #f4f6f8;
}

/* Karta logowania */
body.login #login {
  width: 360px;
  padding: 32px 0 0;
}

body.login #loginform,
body.login #lostpasswordform,
body.login #resetpassform {
  border: 1px solid #e4e6ea;
  border-radius: 12px;
  box-shadow: 0 6px 24px rgba(0,0,0,.06);
  padding: 26px;
}

/* Logo */
body.login h1 a {
  background-image: var(--ksef-intech-login-logo);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;

  width: 320px;
  aspect-ratio: 700 / 353;   /* zachowanie oryginalnych proporcji */
  height: auto;

  margin: 0 auto 18px;
  display: block;
}

/* Akcenty (kolory) */
:root {
  --ksef-red: #e10613;
  --ksef-blue: #2b2a86;
}

body.login .button-primary {
  background: var(--ksef-red);
  border-color: var(--ksef-red);
  box-shadow: none;
  text-shadow: none;
}

body.login .button-primary:hover,
body.login .button-primary:focus {
  background: #c80510;
  border-color: #c80510;
}

body.login a {
  color: var(--ksef-blue);
}

body.login a:hover {
  color: #1f1e63;
}