/* California58 Reader Registration, Login & Password Recovery — draft-only
   Makes WordPress authentication recognizable, legible, mobile safe.
   No JavaScript, hidden forms, credential manipulation or remote fonts. */
body.login {
  background: #f4f6f8;
  color: #193247;
  min-height: 100vh;
  font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
body.login:before {
  content: "";
  position: fixed; z-index: -1; inset: 0 0 auto; height: 156px;
  background: linear-gradient(115deg,#123a52 0%,#1e536b 70%,#295569 100%);
}
body.login #login {
  box-sizing: border-box; width: min(100%, 480px);
  padding: 35px 20px 36px;
}
body.login #login h1 a {
  width: 80px; height: 80px; margin: 4px auto 22px;
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 64px 64px;
  border-radius: 22px;
  box-shadow: 0 3px 15px rgba(6,24,38,.18);
}
body.login h1,body.login #login h1 {line-height:1.2}
body.login #login form {
  background: #fff; border: 1px solid #d7e2e8;
  border-radius: 14px; box-shadow: 0 7px 28px rgba(22,52,70,.08);
  padding: 28px 30px; margin: 20px 0 16px;
}
body.login #login label {
  color: #193247; font-size: 14px; font-weight: 700;
}
body.login form .input, body.login form input[type=text],
body.login form input[type=password], body.login form input[type=email] {
  box-sizing: border-box; width:100%; min-height: 47px;
  border: 1.5px solid #aabac6; border-radius: 8px;
  background: #fff; color: #102d41; font-size: 16px;
}
body.login form .input:focus, body.login form input:focus {
  border-color: #146a91; outline: 3px solid rgba(20,106,145,.18);
  box-shadow: none;
}
body.login .button.button-primary {
  color:#fff; background:#155f80; border-color:#155f80;
  min-height: 44px; min-width: 117px; border-radius: 8px;
  font-weight: 750; font-size: 15px; box-shadow:none;
}
body.login .button.button-primary:hover {background:#104b65; border-color:#104b65}
body.login #nav,body.login #backtoblog {font-size: 14px; margin: 16px 0 0; padding: 0 5px}
body.login #nav a,body.login #backtoblog a {color:#184c65}
body.login #nav a:hover,body.login #backtoblog a:hover {color:#092c40;text-decoration:underline}
body.login .privacy-policy-page-link {text-align:center; margin: 28px 0 0}
body.login .privacy-policy-page-link a {color:#184c65;text-decoration:underline}
body.login .c58-auth-intro {
  padding: 19px 20px 17px; background:#fff;
  border:1px solid #cbdbe4; border-left:4px solid #bc9251;
  border-radius: 12px; box-shadow: 0 5px 20px rgba(22,52,70,.08);
}
body.login .c58-auth-eyebrow {
  color:#375267; letter-spacing: .075em; font-size: 11px;
  font-weight:800; margin:0 0 8px;
}
body.login .c58-auth-intro h2 {font-size: 24px; line-height: 1.18; color:#143f57; margin: 0 0 10px}
body.login .c58-auth-intro p {line-height:1.55; font-size:14px; margin:0 0 10px}
body.login .c58-auth-intro .c58-auth-small {font-size:12px;color:#546675;margin-bottom:0}
body.login .c58-auth-intro .c58-auth-edition {padding:10px 11px;background:#edf5f8;border-radius:8px}
body.login .message,body.login #login_error {
  border-radius:8px; background:#fff;
  box-shadow:0 3px 15px rgba(22,52,70,.06);
}
@media(max-width:600px) {
  body.login #login {width:100%;padding:22px 15px 30px}
  body.login #login form {padding:22px 18px}
  body.login .c58-auth-intro {padding:18px}
  body.login .c58-auth-intro h2 {font-size:22px}
  body.login #login h1 a {margin-bottom:17px}
}
@media(prefers-reduced-motion:reduce) {
 body.login *,body.login *:before,body.login *:after {animation:none!important;transition:none!important}
}