/**
 * Discovery of Nature 0.2.83 — WordPress native authentication, visual layer only.
 * Applies to login, registration, lost-password, reset-password and login notices.
 * Existing native forms, Google sign-in, redirects, nonces, labels and password
 * controls are left intact. Image is an existing Theme-owned wildlife photograph.
 */
html:has(body.login){background:#0c1710;color-scheme:dark}
body.login{
  min-height:100vh;min-height:100dvh;position:relative;isolation:isolate;
  padding:clamp(18px,3.2vw,40px) 0 max(34px,env(safe-area-inset-bottom));
  box-sizing:border-box;background:
    radial-gradient(ellipse 88% 60% at 88% 8%,rgba(65,112,58,.23),transparent 80%),
    radial-gradient(ellipse 94% 65% at 10% 96%,rgba(37,86,48,.20),transparent 77%),
    #0c1710!important;color:#f2f6ed;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
/* An out-of-focus wildlife texture belongs to the PAGE only, not to form fields. */
body.login::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:url("../images/auth-wildlife.jpg") center center/cover no-repeat;
  opacity:.13;filter:blur(9px) saturate(.75);transform:scale(1.065);
}
body.login #login{
  --don-auth-accent:#bce8a4;
  box-sizing:border-box;position:relative;isolation:isolate;overflow:hidden;
  width:min(calc(100% - 32px),570px)!important;max-width:570px!important;
  margin:clamp(12px,3.8vh,38px) auto 30px!important;
  padding:clamp(27px,5vw,52px)!important;
  border:1px solid rgba(193,232,168,.30)!important;
  border-top:1px solid rgba(193,232,168,.36)!important;
  border-radius:22px!important;
  background:#13231a!important;
  box-shadow:0 22px 58px rgba(0,0,0,.32),inset 0 1px rgba(227,255,211,.055)!important;
}
/* Gradient remains darkest behind the left-aligned form and all action states. */
body.login #login::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:
    linear-gradient(90deg,rgba(13,28,19,.96) 0%,rgba(13,28,19,.91) 39%,rgba(13,28,19,.78) 67%,rgba(13,28,19,.57) 100%),
    linear-gradient(0deg,rgba(11,25,17,.95),transparent 42%),
    url("../images/auth-wildlife.jpg");
  background-size:cover,cover,auto 63%;
  background-position:center,center,96% 10%;
  background-repeat:no-repeat,no-repeat,no-repeat;
  opacity:1;
}
body.login #login::after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  border-radius:inherit;
  box-shadow:inset 0 1px rgba(219,255,197,.10),inset 0 -24px 40px rgba(4,16,9,.25);
}
body.login #login>*{position:relative;z-index:1;min-width:0}
body.login #login h1{margin:0 0 clamp(26px,4vw,40px)!important}
body.login #login h1 a{
  display:block;width:auto!important;max-width:11ch;height:auto!important;margin:0!important;padding:0!important;
  font-family:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif!important;
  font-size:clamp(2.25rem,8vw,4.05rem)!important;line-height:1.02!important;
  font-weight:700!important;letter-spacing:-.049em!important;
  color:#f5f8f1!important;overflow-wrap:break-word;text-wrap:balance;
  text-align:left!important;text-indent:0!important;
  background-image:none!important;box-shadow:none!important;
  text-decoration:none!important;
}
body.login #login h1 a:hover,body.login #login h1 a:focus-visible{color:#e1ffd3!important;outline-color:var(--don-auth-accent)}
/* WordPress native form IDs cover both account creation and password recovery. */
body.login #login :is(form#loginform,form#registerform,form#lostpasswordform,form#resetpassform,form#admin-email-confirm-form,form#postpass){
  max-width:100%;margin:0!important;padding:0!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
}
body.login #login form p{min-width:0}
body.login #login label{
  color:#edf3e9!important;font-size:clamp(13px,1.6vw,14px)!important;font-weight:700!important;
  line-height:1.5!important;
}
body.login #login form :is(.input,input[type="text"],input[type="email"],input[type="password"],input[type="number"],select,textarea){
  box-sizing:border-box;max-width:100%;min-height:50px!important;
  margin:7px 0 19px!important;padding:11px 15px!important;
  border:1px solid rgba(187,219,178,.30)!important;border-radius:12px!important;
  background-color:rgba(8,22,14,.82)!important;color:#f7f9f3!important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.08)!important;
  font:500 16px/1.4 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  color-scheme:dark;
}
body.login #login form :is(.input,input[type="text"],input[type="email"],input[type="password"],input[type="number"],select,textarea)::placeholder{
  color:#aebbad;opacity:1;
}
body.login #login form :is(.input,input[type="text"],input[type="email"],input[type="password"],input[type="number"],select,textarea):focus{
  border-color:#c8efb0!important;box-shadow:0 0 0 3px rgba(181,244,155,.11)!important;outline:none!important;
}
/* Subtle native-field icons; no new inputs or password-reveal handlers. */
body.login #login form input#user_login,body.login #login form input#user_email{
  padding-inline-start:45px!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23bce8a4' stroke-width='1.65' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.6'/%3E%3Cpath d='M4.5 21v-1.7a7.5 7.5 0 0 1 15 0V21'/%3E%3C/svg%3E")!important;
  background-position:14px center!important;background-size:19px 19px!important;background-repeat:no-repeat!important;
}
body.login #login form input#user_pass,body.login #login form input#pass1,body.login #login form input#pass2{
  padding-inline-start:45px!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23bce8a4' stroke-width='1.65' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='10' width='14' height='11' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E")!important;
  background-position:14px center!important;background-size:19px 19px!important;background-repeat:no-repeat!important;
}
body.login #login form .user-pass-wrap{min-width:0}
body.login #login form .wp-pwd{position:relative;min-width:0}
body.login #login form .wp-pwd input{padding-inline-end:56px!important}
body.login #login form .wp-pwd .wp-hide-pw{
  position:absolute;inset-inline-end:6px;top:10px;z-index:2;
  display:inline-flex;align-items:center;justify-content:center;
  margin:0!important;padding:8px!important;line-height:1;
}
body.login #login .button.wp-hide-pw{
  box-sizing:border-box;min-width:44px!important;min-height:44px!important;
  border-radius:10px!important;color:#d0f6b9!important;background:transparent!important;
}
body.login #login .button.wp-hide-pw:hover{background:rgba(186,236,159,.09)!important}
body.login #login .button.wp-hide-pw:focus-visible{
  outline:2px solid #c8efb0!important;outline-offset:1px!important;box-shadow:none!important;
}
body.login #login .forgetmenot{gap:10px;min-height:44px;margin:0 0 15px!important}
body.login #login .forgetmenot input[type="checkbox"]{
  flex:0 0 auto;width:20px!important;height:20px!important;margin:0!important;
  border:1px solid rgba(190,223,177,.38)!important;border-radius:5px!important;
  background:rgba(7,20,12,.75)!important;color:#c4eea9!important;
}
body.login #login .forgetmenot input[type="checkbox"]:focus-visible{outline:2px solid #c8efb0!important;outline-offset:3px}
body.login #login form p.submit{
  float:none!important;clear:both!important;display:block;
  margin:18px 0 0!important;padding:0!important;
}
body.login #login form p.submit :is(input#wp-submit,button.button-primary){
  box-sizing:border-box;display:block;float:none!important;
  width:100%!important;min-height:52px!important;margin:0!important;padding:13px 22px!important;
  border:1px solid #bfe6a5!important;border-radius:12px!important;
  background:linear-gradient(140deg,#c5eba9 0%,#a6d48d 95%)!important;
  color:#112216!important;font-size:clamp(15px,2vw,17px)!important;font-weight:800!important;
  line-height:1.35!important;text-shadow:none!important;
  box-shadow:0 6px 18px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.28)!important;
  cursor:pointer;transition:box-shadow .2s ease,filter .2s ease,transform .2s ease;
}
body.login #login form p.submit :is(input#wp-submit,button.button-primary):hover{
  background:linear-gradient(140deg,#d2f3bd,#b6df9d)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.20),inset 0 1px rgba(255,255,255,.32)!important;
  transform:translateY(-1px);
}
body.login #login form p.submit :is(input#wp-submit,button.button-primary):focus-visible{
  outline:2px solid #c8efb0!important;outline-offset:4px!important;
}
body.login #login :is(#nav,#backtoblog,.privacy-policy-page-link){
  margin:15px 0 0!important;padding:0!important;text-align:left!important;
  overflow-wrap:anywhere;
}
body.login #login #nav{margin-top:25px!important}
body.login #login #backtoblog{
  margin-top:20px!important;padding-top:15px!important;
  border-top:1px solid rgba(190,221,175,.29);
}
body.login #login :is(#nav,#backtoblog,.privacy-policy-page-link) a{
  display:inline-flex;align-items:center;min-height:44px;padding-block:6px;
  color:#d6e4d2!important;font-size:13px!important;font-weight:650!important;
  text-decoration:none!important;
}
body.login #login :is(#nav,#backtoblog,.privacy-policy-page-link) a:is(:hover,:focus-visible){
  color:#d4ffbc!important;text-decoration:underline!important;text-underline-offset:4px!important;
}
body.login #login :is(#login_error,.message,.success,.notice){
  margin:0 0 20px!important;padding:13px 15px!important;
  border:1px solid rgba(190,225,175,.18)!important;border-left:3px solid #a8d58f!important;
  border-radius:10px!important;background:rgba(20,45,26,.86)!important;
  color:#eef6e7!important;box-shadow:none!important;font-size:13px!important;line-height:1.55!important;
}
body.login #login #login_error{border-left-color:#f1b4a5!important}
body.login #login :is(#login_error,.message,.success,.notice) a{color:#c9f9b0!important}
body.login #login :is(.description,.indicator-hint,.pw-weak,.forgetmenot,#reg_passmail){
  color:#cad8c7!important;line-height:1.55;
}
body.login #login #pass-strength-result{
  max-width:100%;box-sizing:border-box;padding:10px;border-radius:8px;
  overflow-wrap:anywhere;color:#eff5ec;background:rgba(14,32,19,.89);
}
/* Google authentication is still inserted by the existing plugin and JS. */
body.login #login .googlesitekit-sign-in-with-google__frontend-output-button{max-width:100%!important}
body.login #login .googlesitekit-sign-in-with-google__frontend-output-button::after{
  margin:20px 0 8px;color:#b9cdb3!important;
}
/* WordPress places the locale switcher outside #login on most versions. */
body.login .language-switcher{
  width:min(calc(100% - 48px),310px);max-width:100%;
  margin:26px auto 0!important;color:#e7f2df!important;text-align:left;
}
body.login .language-switcher :is(label,button){color:#e3eedd!important}
body.login .language-switcher select{
  box-sizing:border-box;width:100%!important;max-width:100%;min-height:48px!important;
  border:1px solid rgba(186,220,173,.28)!important;border-radius:11px!important;
  background:rgba(16,35,23,.94)!important;color:#f2f8ec!important;
  padding:8px 12px!important;font:500 16px/1.3 Inter,system-ui,sans-serif!important;
}
body.login .language-switcher select:focus-visible,
body.login .language-switcher button:focus-visible{outline:2px solid #c8efb0!important;outline-offset:3px!important}
@media(max-width:599px){
  body.login{padding-top:14px;padding-bottom:max(24px,env(safe-area-inset-bottom))}
  body.login #login{
    width:calc(100% - 26px)!important;max-width:none!important;
    margin:9px auto 22px!important;padding:clamp(23px,6vw,32px)!important;
    border-radius:19px!important;
  }
  body.login #login h1{margin-bottom:29px!important}
  body.login #login h1 a{font-size:clamp(2.12rem,10vw,3.4rem)!important}
  body.login #login::before{
    background-image:
      linear-gradient(90deg,rgba(12,27,17,.96),rgba(12,27,17,.87) 54%,rgba(12,27,17,.73)),
      linear-gradient(0deg,rgba(11,25,17,.96),transparent 54%),
      url("../images/auth-wildlife.jpg");
    background-size:cover,cover,auto 52%;
    background-position:center,center,95% 14%;
    background-repeat:no-repeat,no-repeat,no-repeat;
  }
  body.login .language-switcher{margin-top:22px!important}
}
@media(max-width:359px){
  body.login #login{width:calc(100% - 20px)!important;padding:22px 18px!important}
  body.login #login h1 a{font-size:clamp(2rem,9.2vw,2.25rem)!important}
  body.login #login form :is(.input,input[type="text"],input[type="email"],input[type="password"]){min-height:48px!important}
}
@media(prefers-reduced-motion:reduce){
  body.login #login form p.submit :is(input#wp-submit,button.button-primary){transition:none!important;transform:none!important}
}
