/* BASL branding for Listmonk's public pages (subscription, unsubscribe, preferences, archive) and the
   admin login page, which loads the same stylesheet. Settings → Appearance → Public. Tokens: README.md. */
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap");

html {
  min-height: 100%;
  background: #f3f6fb radial-gradient(100% 100% at 50% 100%, rgba(197, 205, 234, 0.41) 0%, rgba(207, 220, 255, 0.45) 49%, rgba(171, 171, 171, 0.2) 100%);
}
body {
  background: transparent;
  font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #0a0a0a;
}
.container { max-width: 560px; }
.wrap {
  background: rgba(255, 255, 255, 0.85);
  border: 1px solid #e5e7eb;
  border-radius: 20px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
}
.header { border-bottom: 1px solid #e7ebf7; }
.header .logo img { max-width: 120px; max-height: 68px; width: auto; }
h1, h2, h3, h4 { font-weight: 700; color: #0a0a0a; }
label { color: #4a5565; }
a { color: #4f39f6; text-decoration-color: #c7d2fe; }
a:hover { color: #101828; }

input[type="text"], input[type="email"], input[type="password"], select, textarea {
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  box-shadow: none;
  background: #fff;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, select:focus, textarea:focus {
  outline: none;
  border-color: #101828;
  box-shadow: 0 0 0 2px rgba(16, 24, 40, 0.15);
}

.button, button[type="submit"] {
  background: #101828;
  color: #fff;
  border: 0;
  border-radius: 9999px;
}
.button:hover, button[type="submit"]:hover { background: #1a1a1a; color: #fff; }
.button.button-outline { background: #fff; border: 1px solid #101828; color: #101828; }
.button.button-outline:hover { background: #101828; color: #fff; }

.footer, footer, .powered { color: #99a1af; }
.footer a, footer a { color: #6a7282; }