/* Rabbit Share Plan — login screen. Overrides LoginPress's customizer styles. */
html body.login {
  background-color: #f4f3ee !important;
  background-image:
    radial-gradient(circle at 82% 12%, rgba(224, 255, 22, .38), transparent 32%),
    radial-gradient(circle at 10% 92%, rgba(6, 82, 61, .10), transparent 38%),
    radial-gradient(rgba(6, 60, 45, .13) 1px, transparent 1.2px) !important;
  background-size: auto, auto, 22px 22px !important;
  --background-desktop-image: none !important;
  font-family: Poppins, "Helvetica Neue", Arial, sans-serif;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: 24px 16px !important;
}
html body.login::after, html body.login::before { display: none !important; }
html body.login #login {
  width: 100%;
  max-width: 420px !important;
  margin: 0 auto !important;
  padding: 36px 36px 24px !important;
  border-radius: 24px !important;
  background: #ffffff !important;
  border: 1px solid #e3e6df;
  box-shadow: 0 30px 60px -36px rgba(6, 60, 45, .45) !important;
}
html body.login #login h1.wp-login-logo { display: block !important; margin: 0 0 24px !important; }
html body.login #login h1.wp-login-logo a {
  display: block !important;
  width: 150px !important;
  height: 42px !important;
  margin: 0 !important;
  background: url("rabbit-logo.svg") left center / contain no-repeat !important;
  text-indent: -9999px;
  overflow: hidden;
}
.rb-login-intro { margin: 0 0 8px; }
.rb-login-intro__k { margin: 0; font: 600 11.5px/1.2 Poppins, sans-serif; letter-spacing: 1.2px; text-transform: uppercase; color: #4b6159; }
.rb-login-intro__t { margin: 10px 0 0; font: 800 28px/1.1 "Bricolage Grotesque", "Arial Black", sans-serif; letter-spacing: -0.8px; color: #063c2d; }
.rb-login-intro__d { margin: 10px 0 0; font-size: 14px; line-height: 1.6; color: #4b6159; }
html body.login form { padding: 0 !important; margin-top: 20px !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
html body.login label { font: 600 13px/1.4 Poppins, sans-serif !important; color: #063c2d !important; }
html body.login form .input,
html body.login input[type="text"],
html body.login input[type="password"] {
  font: 400 15px Poppins, sans-serif !important;
  height: 48px !important;
  padding: 0 14px !important;
  border: 1.5px solid #7a8f86 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  color: #063c2d !important;
  box-shadow: none !important;
  margin: 6px 0 16px !important;
}
html body.login form .input:focus { border-color: #06523d !important; outline: 2px solid #06523d !important; outline-offset: 1px; }
html body.login .wp-pwd .button.wp-hide-pw { height: 48px !important; top: 6px !important; color: #4b6159 !important; }
html body.login .forgetmenot label { font-weight: 500 !important; color: #4b6159 !important; }
html body.login #wp-submit,
html body.login .button-primary {
  width: 100% !important;
  height: 50px !important;
  margin-top: 16px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #e0ff16 !important;
  color: #063c2d !important;
  font: 600 15px Poppins, sans-serif !important;
  text-shadow: none !important;
  box-shadow: none !important;
  float: none !important;
}
html body.login #wp-submit:hover { background: #d2f000 !important; }
html body.login #wp-submit:focus-visible { outline: 2px solid #063c2d !important; outline-offset: 2px; }
html body.login #nav, html body.login #backtoblog { text-align: center; padding: 0 !important; margin: 18px 0 0 !important; }
html body.login #nav a, html body.login #backtoblog a { color: #06523d !important; font: 500 13.5px Poppins, sans-serif !important; text-decoration: underline; text-underline-offset: 3px; }
html body.login #backtoblog { display: none; }
html body.login .message, html body.login .notice, html body.login #login_error {
  border-left: 0 !important;
  border-radius: 10px !important;
  background: #f3f6f1 !important;
  box-shadow: none !important;
  color: #063c2d !important;
  font-size: 14px;
  margin: 16px 0 0 !important;
}
html body.login #login_error { background: #fdecea !important; color: #8a1f19 !important; }
html body.login .privacy-policy-page-link, html body.login .language-switcher, html body.login .footer-wrapper { display: none !important; }
html body.login::after { content: none; }

/* Quieter, more mysterious intro */
.rb-login-intro__k { display: flex; align-items: center; gap: 8px; }
.rb-login-intro__k span { width: 8px; height: 8px; border-radius: 50%; background: #c9e600; box-shadow: 0 0 0 4px rgba(224, 255, 22, .35); animation: rb-login-pulse 2.4s ease-in-out infinite; }
@keyframes rb-login-pulse { 50% { box-shadow: 0 0 0 7px rgba(224, 255, 22, 0); } }
.rb-login-intro__t { font-size: 26px; letter-spacing: -0.6px; text-wrap: balance; }
.rb-login-intro__d { margin-top: 8px; }
html body.login #wp-submit, html body.login .button-primary { background: #0f1f1a !important; color: #ffffff !important; }
html body.login #wp-submit:hover { background: #063c2d !important; }
html body.login .wp-pwd .button.wp-hide-pw .dashicons { color: #7a8f86 !important; }
html body.login input[type="checkbox"] { border-color: #7a8f86 !important; }
@media (prefers-reduced-motion: reduce) { .rb-login-intro__k span { animation: none; } }