/* Vital Peptide — Login v3 (mismo sistema del blog: navy + dorado, AA) */
body.login {
  background: #0F172A;
  background-image: radial-gradient(1000px 500px at 20% 8%, rgba(207,161,97,.25), transparent 60%), radial-gradient(900px 520px at 90% 92%, rgba(30,58,95,.9), transparent 60%), linear-gradient(135deg, #0F172A 0%, #1E3A5F 70%);
  color: #0F172A;
  font-family: 'Inter', -apple-system, 'Segoe UI', sans-serif;
}
body.login #login { max-width: 44rem; padding: 4rem 0; }
body.login .wp-login-logo a {
  background-image: none !important;
  width: auto; height: auto;
  text-indent: 0 !important;
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 3.4rem; font-weight: 500;
  color: #FFFFFF !important;
  margin-bottom: .4rem;
}
body.login .wp-login-logo { position: relative; margin-bottom: 1.2rem; }
body.login .wp-login-logo::after {
  content: 'THE VITAL PEPTIDE LIBRARY';
  display: block; text-align: center;
  color: #CFA161; font-size: 1.1rem; font-weight: 700; letter-spacing: .24em;
  margin-top: .8rem;
}
body.login form#loginform, body.login form#lostpasswordform, body.login form#registerform {
  position: relative;
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0;
  border-radius: 18px;
  box-shadow: 0 24px 60px rgba(0,0,0,.4);
  padding: 3.2rem 3rem 3rem !important;
  overflow: hidden;
}
body.login form#loginform::before, body.login form#lostpasswordform::before, body.login form#registerform::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px;
  background: linear-gradient(90deg, #B8894A, #E9C98A 50%, #B8894A);
}
body.login label { color: #0F172A !important; font-size: 1.25rem; font-weight: 600; letter-spacing: .02em; }
body.login input[type="text"], body.login input[type="password"], body.login input[type="email"] {
  border: 1px solid #E2E8F0 !important;
  border-radius: 12px !important;
  background: #F8FAFC !important;
  color: #0F172A !important;
  font-size: 1.5rem !important;
  padding: 1.1rem 1.3rem !important;
  margin-top: .6rem !important;
  transition: border-color 200ms ease, box-shadow 200ms ease;
}
body.login input:focus { border-color: #CFA161 !important; box-shadow: 0 0 0 3px rgba(207,161,97,.25) !important; outline: none !important; }
body.login .button.wp-hide-pw { color: #64748B !important; }
body.login .button.wp-hide-pw:hover { color: #B8894A !important; }
body.login .forgetmenot label { color: #475569 !important; font-weight: 500; }
body.login .button-primary, body.login #wp-submit {
  background: #0F172A !important; border-color: #0F172A !important;
  color: #FFFFFF !important; border-radius: 12px !important;
  font-size: 1.3rem !important; font-weight: 700 !important;
  letter-spacing: .08em; text-transform: uppercase;
  padding: 0 2.4rem !important; height: 4.8rem !important;
  width: 100%; margin-top: 1.2rem;
  transition: all 200ms ease;
}
body.login .button-primary:hover { background: #B8894A !important; border-color: #B8894A !important; transform: translateY(-1px); }
body.login #login_error, body.login .message, body.login .notice, body.login .success {
  border-left: 4px solid #CFA161 !important;
  border-radius: 0 12px 12px 0;
  background: #FFFBEB !important;
  color: #44403C !important;
  font-size: 1.35rem;
}
body.login #login_error a { color: #8A5A16 !important; }
body.login #nav, body.login #backtoblog { text-align: center; }
body.login #nav a, body.login #backtoblog a { color: rgba(255,255,255,.85) !important; font-size: 1.3rem; }
body.login #nav a:hover, body.login #backtoblog a:hover { color: #E9C98A !important; }
body.login .privacy-policy-page-link { text-align: center; margin-top: 2rem; }
body.login .privacy-policy-page-link a { color: rgba(255,255,255,.6) !important; }
body.login .language-switcher { text-align: center; }
body.login .language-switcher select { border-radius: 10px; }
@media (max-width: 480px) { body.login form { padding: 2.2rem 2rem !important; } }
