/* Mail to Moon login page (listmonk "Appearance -> Public -> Custom CSS"). Scoped to the login page with :has(),
   so subscription / unsubscribe pages seen by e-mail recipients are not changed. */
body:has(section.login) {
  background: radial-gradient(70% 60% at 85% 0%, rgba(123,92,255,.45), transparent 70%),
              radial-gradient(60% 50% at 0% 100%, rgba(53,200,255,.18), transparent 70%), #070A24;
  min-height: 100vh;
}
body:has(section.login) .container.wrap { background: #fff; border-radius: 18px; box-shadow: 0 30px 80px -30px rgba(0,0,0,.7);
  max-width: 420px; margin: 9vh auto 40px; padding: 34px 34px 26px; border: 0; }
body:has(section.login) .header { border: 0; padding: 0; margin-bottom: 18px; text-align: center; }
body:has(section.login) .header .logo img { max-width: 230px; height: auto; }
body:has(section.login) section.login h2 { font-size: 22px; color: #151A45; text-align: center; margin-bottom: 18px; }
body:has(section.login) input[type=text], body:has(section.login) input[type=password] { border-radius: 10px; border: 1px solid #D9DCEB; padding: 11px 13px; }
body:has(section.login) input:focus { border-color: #5B3CF0; box-shadow: 0 0 0 3px rgba(91,60,240,.15); outline: none; }
body:has(section.login) .button { width: 100%; background: linear-gradient(120deg, #5B3CF0, #35C8FF); border: 0; border-radius: 10px;
  padding: 12px; font-weight: 700; color: #fff; }
body:has(section.login) .button:hover { filter: brightness(1.08); }
body:has(section.login) footer, body:has(section.login) .footer { color: #A3A9D1; text-align: center; }
body:has(section.login) footer a, body:has(section.login) .footer a { color: #C8BEFF; }