/* ===== Minimal Black/White UI for WP Login ===== */
:root{
  --bg:#fff;
  --panel:#fafafa;
  --text:#0a0a0a;
  --muted:#6b7280;
  --border:#e5e7eb;
  --accent:#111;
  --accent-hover:#000;
  --radius:16px;
  --shadow:0 10px 30px rgba(0,0,0,.06);
  --focus:0 0 0 3px rgba(0,0,0,.18);
}

body.login{ background:var(--bg); font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial; }

body.login #login{
  background:var(--panel);
  border:1px solid var(--border);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:40px 34px 30px;
  width:min(420px, 94vw);
}

body.login #login h1 a{
  background-size:contain !important;
  width:220px !important;
  height:88px !important;
  margin:0 auto 14px !important;
}

body.login form{
  background:transparent;
  border:none;
  box-shadow:none;
  padding:0;
  margin-top:16px;
}

body.login label{
  font-weight:700;
  color:var(--text);
  margin-bottom:6px;
  display:block;
}

body.login .input,
body.login input[type="text"],
body.login input[type="password"]{
  background:#fff;
  border:1px solid var(--border);
  border-radius:12px;
  padding:12px 14px;
  font-size:15px;
  color:var(--text);
  outline:none;
  box-shadow:none;
  transition:border-color .2s ease, box-shadow .2s ease;
}
body.login .input:focus{ border-color:#111; box-shadow:var(--focus); }

body.login .button-primary{
  background:var(--accent) !important;
  border:none !important;
  color:#fff !important;
  border-radius:12px !important;
  padding:10px 18px !important;
  font-weight:800 !important;
  box-shadow: 0 1px 0 rgba(0,0,0,.12), 0 6px 18px rgba(0,0,0,.10) !important;
  text-shadow:none !important;
  transition:background .2s ease, transform .04s ease !important;
}
body.login .button-primary:hover{ background:var(--accent-hover) !important; }
body.login .button-primary:active{ transform:translateY(1px) !important; }

body.login #nav, body.login #backtoblog{ text-align:center; margin-top:14px; }
body.login a{ color:#111 !important; text-decoration:underline; text-underline-offset:3px; }
body.login a:hover{ text-decoration:none; }

body.login .message, body.login #login_error{
  border-radius:12px;
  border:1px solid var(--border);
  background:#fff;
}

@media (max-width:480px){
  body.login #login{ padding:28px 20px 22px; }
}
@media (prefers-reduced-motion:reduce){
  *{ transition:none !important; animation:none !important; }
}