/* =========================
GLOBAL
========================= */

html, body {
  background: #d6d6d6 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
}

/* =========================
KARTA FORMULARZA
========================= */

form {
  background: #ffffff !important;
  max-width: 420px !important;
  margin: 70px auto !important;
  padding: 34px !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 40px rgba(0,0,0,0.18) !important;
}

/* usuń szary blok */

form > div {
  background: transparent !important;
  padding: 0 !important;
}

/* =========================
LOGO
========================= */

form img {
  max-height: 60px !important;
  margin-bottom: 18px !important;
}

/* =========================
NAGŁÓWKI
========================= */

h1, h2 {
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #1d1d1d !important;
  margin-bottom: 10px !important;
}

/* =========================
OPIS
========================= */

p {
  font-size: 14px !important;
  color: #555 !important;
  margin-bottom: 20px !important;
}

/* =========================
INPUTY
========================= */

input[type="email"],
input[type="text"] {

  background: #f8f8f8 !important;

  border: 1px solid #d6d6d6 !important;

  border-radius: 10px !important;

  padding: 13px !important;

  width: 100% !important;

  font-size: 14px !important;

  margin-bottom: 12px !important;

  transition: all .2s ease !important;
}

input:focus {

  outline: none !important;

  border: 1px solid #e33a2c !important;

  background: white !important;

  box-shadow: 0 0 0 3px rgba(227,58,44,0.15) !important;
}

/* =========================
LISTY NEWSLETTERA
========================= */

input[type="checkbox"] {

  margin-right: 8px !important;

  transform: scale(1.2);

  cursor: pointer;
}

label[for^="list"] {

  display: inline-block !important;

  margin-bottom: 6px !important;

  cursor: pointer;
}

/* =========================
ALTCHA
========================= */

.altcha-container {

  border: 1px solid #d4d4d4 !important;

  border-radius: 10px !important;

  padding: 12px !important;

  background: #f6f6f6 !important;

  display: flex !important;

  justify-content: center !important;

  align-items: center !important;

  margin: 14px 0 !important;

  font-weight: 500 !important;

  cursor: pointer !important;

  transition: all .2s ease !important;
}

.altcha-container:hover {

  background: #ececec !important;
}

/* =========================
PRZYCISK
========================= */

button {

  background: #1f2326 !important;

  color: white !important;

  border: none !important;

  border-radius: 10px !important;

  padding: 14px !important;

  width: 100% !important;

  font-size: 15px !important;

  font-weight: 600 !important;

  cursor: pointer !important;

  transition: all .2s ease !important;
}

button:hover {

  background: #2c3136 !important;

  transform: translateY(-1px) !important;

  box-shadow: 0 8px 18px rgba(0,0,0,0.2) !important;
}

button:active {
  transform: translateY(0px) !important;
}

/* =========================
USUNIĘCIE BRANDINGU
========================= */

footer,
.powered-by,
.subscription-footer,
p:has(a[href*="listmonk"]),
div:has(a[href*="listmonk"]) {
  display: none !important;
}

.altcha-branding,
.altcha-footer,
.altcha-logo {
  display: none !important;
}