/* MATIKLAVA look for Listmonk's public pages (unsubscribe, manage, opt-in confirm, messages).
   Paste into Listmonk > Settings > Appearance > Public > Custom CSS (served as /public/custom.css).
   Palette and type match the welcome email: black, #0d0d0d card, #00B3CC accent, Oswald + Open Sans. */
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@500;700&family=Open+Sans:wght@400;700&display=swap");

html, body {
  background: #000;
  color: #cccccc;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

a { color: #00B3CC; text-decoration-color: rgba(0, 179, 204, 0.4); }
a:hover { color: #ffffff; }

.container { max-width: 520px; margin: 48px auto 12px; }
.wrap {
  background: #0d0d0d;
  border: 1px solid #1a1a1a;
  box-shadow: none;
  padding: 36px 28px 32px;
  text-align: center;
}

.header { border-bottom: 1px solid #1a1a1a; padding-bottom: 20px; margin-bottom: 28px; }
.header .logo img { max-width: 260px; width: 100%; }

h1, h2, h3, h4 {
  color: #ffffff;
  font-family: "Oswald", Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 3px;
  line-height: 1.2;
}
h2 { font-size: 28px; margin: 0 0 18px; }
h3 { font-size: 18px; color: #00B3CC; }

p, li, label { color: #cccccc; font-size: 15px; line-height: 1.7; }
label { color: #cccccc; }

.button {
  background: #00B3CC;
  color: #000000;
  font-family: "Oswald", Arial, sans-serif;
  font-weight: 700;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 2px;
  border-radius: 0;
  padding: 14px 28px;
}
.button:hover { background: #ffffff; color: #000000; }
.button.button-outline { background: transparent; border: 1px solid #00B3CC; color: #00B3CC; }
.button.button-outline:hover { background: #00B3CC; border-color: #00B3CC; color: #000000; }

input[type="text"], input[type="email"], input[type="password"], select {
  background: #ffffff;
  color: #000000;
  border: 1px solid #333333;
  border-radius: 0;
  box-shadow: none;
}
input:focus { border-color: #00B3CC; outline: none; }
input[type="checkbox"] { accent-color: #00B3CC; }

/* manage-preferences page */
.lists { text-align: left; display: inline-block; }
.lists .description { color: #777777; }
.unsub-all { border-top: 1px solid #1a1a1a; }
.optin-form ul, .unsub-form ul { list-style: none; padding: 0; }

.error { color: #ff4d4d; }

/* "Powered by listmonk" footer */
footer.container { color: #333333; font-size: 11px; text-align: center; }
footer.container a { color: #444444; }

@media screen and (max-width: 650px) {
  .container { margin: 0 auto; }
  .wrap { padding: 28px 20px; border-left: 0; border-right: 0; }
  h2 { font-size: 24px; letter-spacing: 2px; }
}