/* MAQ.BIO White Label — native login, register & password reset branding. */
body.login {
  background: #f7f6f2;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  color: #272923;
}
.login h1 { margin: 0 0 26px; }
.login h1 a {
  background: none !important;
  display: grid;
  place-items: center;
  width: auto;
  height: 67px;
  margin: 0 auto;
  overflow: visible;
  font-size: 0;
  text-indent: 0;
}
.login h1 a::after {
  content: 'MAQ.BIO';
  background: #d13738;
  color: #fff;
  padding: 7px 13px 8px;
  border-radius: 2px;
  letter-spacing: -.065em;
  font: 850 31px/1.1 -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
body.login #login { width: min(410px, calc(100% - 24px)); padding: 8vh 0 22px; }
body.login form {
  background: white;
  box-shadow: 0 9px 28px rgba(30, 33, 25, .04);
  border: 1px solid #e5e3db;
  border-radius: 12px;
  padding: 35px;
}
body.login label { color: #464940; font-size: 13px; font-weight: 650; }
body.login form .input, body.login input[type="text"], body.login input[type="password"] {
  border: 1px solid #d7d8cf;
  border-radius: 6px;
  box-shadow: none;
  min-height: 46px;
  padding: 10px 12px;
  background: #fff;
  font-size: 14px;
}
body.login input:focus { border-color: #857c58; box-shadow: 0 0 0 2px #efecdf; }
body.login .button-primary {
  border: 1px solid #252722;
  background: #252722;
  color: #fff;
  border-radius: 6px;
  min-height: 42px;
  padding: 7px 20px;
  font-size: 13px;
  font-weight: 650;
}
body.login .button-primary:hover { background: #bb3835; border-color: #bb3835; }
body.login #nav, body.login #backtoblog { text-align: center; margin: 17px 0 0; padding: 0; }
body.login #nav a, body.login #backtoblog a { color: #5c5f53; }
body.login #nav a:hover, body.login #backtoblog a:hover { color: #ac3935; }
body.login .message,body.login .notice { border-radius: 5px; border-left-color: #8b885c; background: #fff; }
@media(max-width: 480px) {
  body.login #login { padding-top: 7vh; }
  body.login form { padding: 26px 21px; }
}