/* V1452.186 — warmer, more distinctive desktop auth, balanced green area.
   Applies to desktop sign-in ONLY. Signup/billing logic and mobile auth unchanged. */
@layer er154 {
 @media (min-width:781px) {
  #app .er154-auth.er-auth-login {
   min-height:100dvh!important;
   background:
    radial-gradient(ellipse 35% 55% at 100% 95%, rgba(92,130,91,.18), transparent 77%),
    radial-gradient(circle 350px at 0% 1%, rgba(207,196,158,.28), transparent 82%),
    linear-gradient(145deg,#f2efe6 0%,#e9ede5 54%,#e1e9dd 100%)!important;
  }
  #app .er154-auth.er-auth-login .er-auth-header {padding-top:25px!important;padding-bottom:13px!important}
  #app .er154-auth.er-auth-login .er-auth-main {
   max-width:1100px!important;gap:23px!important;align-items:center!important;
   align-content:center!important;padding-bottom:14px!important;
  }
  #app .er154-auth.er-auth-login .er-auth-story {
   position:relative!important;isolation:isolate!important;overflow:hidden!important;
   display:flex!important;flex-direction:column!important;justify-content:center!important;
   min-height:0!important;height:100%!important;align-self:stretch!important;
   color:#faf8ed!important;border:1px solid #376b53!important;
   border-radius:22px!important;padding:39px 40px!important;
   background:
    radial-gradient(ellipse 75% 65% at 107% 98%, rgba(107,151,99,.22) 0%, transparent 72%),
    radial-gradient(ellipse 85% 90% at 0% 0%, rgba(97,142,108,.12), transparent 75%),
    linear-gradient(145deg,#173b31 0%,#21533f 68%,#2b6048 100%)!important;
   box-shadow:0 15px 35px rgba(27,60,45,.13)!important;
  }
  #app .er154-auth.er-auth-login .er-auth-story::before {
   content:''!important;display:block!important;
   position:absolute!important;z-index:-1!important;pointer-events:none!important;
   width:390px!important;height:390px!important;right:-245px!important;bottom:-265px!important;
   border:1px solid rgba(232,239,217,.18)!important;border-radius:50%!important;
   background:transparent!important;opacity:1!important;
  }
  #app .er154-auth.er-auth-login .er-auth-story .er-auth-kicker {color:#e6d1a3!important;font-size:10.5px!important;letter-spacing:.18em!important}
  #app .er154-auth.er-auth-login .er-auth-story h2 {color:#fffef5!important;font-size:clamp(32px,3.15vw,42px)!important;line-height:1.13!important;letter-spacing:-.045em!important;margin:17px 0 12px!important}
  #app .er154-auth.er-auth-login .er-auth-story p {color:#dfecde!important;line-height:1.55!important;font-size:14.5px!important;max-width:390px!important}
  #app .er154-auth.er-auth-login .er-auth-features {margin-top:25px!important;gap:13px!important}
  #app .er154-auth.er-auth-login .er-auth-features li {color:#f3f3e8!important;font-size:13.5px!important;font-weight:640!important}
  #app .er154-auth.er-auth-login .er-auth-features li::before {background:#dde9d8!important;color:#24553e!important;box-shadow:none!important}
  #app .er154-auth.er-auth-login .er-auth-card {
   background:linear-gradient(165deg,#fcfaf3 0%,#f2f1e9 100%)!important;
   border:1px solid #cbd4c5!important;border-radius:22px!important;
   box-shadow:0 16px 35px rgba(31,60,43,.13)!important;
   height:auto!important;align-self:stretch!important;
  }
  #app .er154-auth.er-auth-login .er-auth-heading {
   background:linear-gradient(130deg,#e0e9db,#d9e6d8)!important;
   border-bottom:2px solid #bb9d69!important;
  }
  #app .er154-auth.er-auth-login .er-auth-heading::before {opacity:.13!important}
  #app .er154-auth.er-auth-login .er-auth-heading .er-auth-kicker {color:#456b4e!important}
  #app .er154-auth.er-auth-login #erAuthTitle {color:#1b4735!important}
  #app .er154-auth.er-auth-login .er-auth-heading p {color:#597364!important}
  #app .er154-auth.er-auth-login .er-auth-heading::after {background:#b88b53!important}
  #app .er154-auth.er-auth-login .er-auth-submit {background:linear-gradient(110deg,#1d5e43,#287353)!important}
  #app .er154-auth.er-auth-login .er-auth-footer {color:#738478!important}
 }
 @media (min-width:781px) and (max-width:1040px) {
  #app .er154-auth.er-auth-login .er-auth-story {padding:28px!important}
  #app .er154-auth.er-auth-login .er-auth-story h2 {font-size:31px!important}
 }
}
