/* Публичные страницы listmonk в стиле Кубик Медиа.
   Отдаётся как /public/custom.css — задаётся в Settings → Appearance → Public pages.
   Токены: текст #17171A · плашка #F4F4F4 · карточка #F3F5F8 · акцент #E2E8F0 / #334155 */

body {
  font-family: Arial, Helvetica, sans-serif;
  color: #17171A;
  background: #FFFFFF;
  font-size: 18px;
  line-height: 140%;
}

.container.wrap {
  max-width: 640px;
  margin: 0 auto;
  padding: 0 20px 60px 20px;
}

/* Логотип: подменяем встроенный logo.svg на наш PNG из uploads */
.header .logo {
  padding: 30px 0 10px 0;
}
.header .logo img {
  display: none;
}
.header .logo a {
  display: inline-block;
  width: 175px;
  height: 24px;
  background: url("/uploads/logo-cubic-media.png") no-repeat left center;
  background-size: contain;
}

h1, h2, h3 {
  color: #17171A;
  font-weight: 700;
  line-height: 120%;
}
h1 { font-size: 32px; }
h2 { font-size: 26px; }
h3 { font-size: 20px; }

a { color: #334155; }

/* Блок сообщения (отписались / подтвердите подписку и т.п.) */
section {
  background: #F3F5F8;
  border-radius: 14px;
  padding: 30px;
  margin-top: 20px;
}

/* Формы */
.form label {
  display: block;
  margin-bottom: 6px;
  font-size: 16px;
  color: #17171A;
}
.form input[type="text"],
.form input[type="email"],
.form input[type="password"],
.form textarea,
.form select {
  width: 100%;
  box-sizing: border-box;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #17171A;
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
  border-radius: 10px;
  padding: 12px 14px;
}
.form input:focus, .form textarea:focus, .form select:focus {
  outline: none;
  border-color: #334155;
}

button, input[type="submit"], .button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #334155;
  background: #E2E8F0;
  border: 0;
  border-radius: 14px;
  padding: 15px 25px;
  cursor: pointer;
}
button:hover, input[type="submit"]:hover, .button:hover {
  background: #D6DEE9;
}

/* Списки рассылок с чекбоксами */
ul.lists {
  list-style: none;
  padding: 0;
  margin: 20px 0 0 0;
}
ul.lists li {
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
  border-radius: 10px;
  padding: 12px 14px;
  margin-bottom: 10px;
}
ul.lists li label {
  display: inline;
  font-size: 18px;
}
ul.lists input[type="checkbox"] {
  margin-right: 8px;
}

/* Служебные сообщения */
.message, .error, .success {
  border-radius: 10px;
  padding: 15px 20px;
  font-size: 18px;
}
.error { background: #FDECEC; color: #A02020; }
.success { background: #ECF6EE; color: #1F6F35; }

.footer, footer {
  margin-top: 40px;
  font-size: 14px;
  line-height: 150%;
  color: #8A8A94;
}
.footer a, footer a { color: #8A8A94; }

/* Подвал: прячем «Работает на listmonk» и ставим свою подпись */
footer.container {
  font-size: 0;
  color: transparent;
}
footer.container a { display: none; }
footer.container::before {
  content: "© Кубик Медиа · cubicmedia.ru";
  display: block;
  font-size: 14px;
  line-height: 150%;
  color: #8A8A94;
}

@media screen and (max-width: 600px) {
  body { font-size: 16px; }
  h1 { font-size: 26px; }
  h2 { font-size: 22px; }
  section { padding: 20px; }
  .container.wrap { padding: 0 16px 40px 16px; }
}