/* 1) Load your font manually (Geist) */
@import url("https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&display=swap");

/* 2) Kill Listmonk default pattern background */
html,
body,
body::before {
  background-image: none !important;
}

body {
  background: #f3f4f6 !important;
  font-family: "Geist", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif !important;
}

/* Keep your product typographic feel */
h1,
h2,
h3 {
  font-family: Georgia, "Times New Roman", serif !important;
  color: #111111 !important;
}

p,
label,
input,
select,
textarea,
button,
a {
  font-family: "Geist", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif !important;
}

:root {
  --gih-bg: #f3f4f6;
  --gih-surface: #ffffff;
  --gih-surface-soft: #f9fafb;
  --gih-text: #111111;
  --gih-muted: #4b5563;
  --gih-border: #e5e7eb;
  --gih-border-strong: #d1d5db;
  --gih-primary: #111111;
  --gih-primary-text: #ffffff;
  --gih-radius: 14px;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0 !important;
  background: radial-gradient(circle at top, #ffffff 0%, var(--gih-bg) 55%) !important;
  color: var(--gih-text) !important;
  font-family: "Geist", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif !important;
  line-height: 1.6;
}

/* Main public page card */
body > .container.wrap {
  max-width: 720px !important;
  margin: 48px auto 14px !important;
  padding: 30px !important;
  background: var(--gih-surface) !important;
  border: 1px solid var(--gih-border) !important;
  border-radius: var(--gih-radius) !important;
  box-shadow: 0 10px 30px rgba(17, 17, 17, 0.06) !important;
}

/* Header / logo */
.header {
  margin-bottom: 24px !important;
  padding-bottom: 14px !important;
  border-bottom: 1px solid var(--gih-border) !important;
}
.logo img {
  max-height: 44px !important;
  width: auto !important;
}

/* Section typography */
.section h1,
.section h2,
.section h3 {
  margin: 0 0 12px !important;
  color: var(--gih-text) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
}
.section p,
.section label {
  color: var(--gih-muted) !important;
}

/* Form block */
.unsub-form > div {
  margin-top: 8px !important;
  padding: 16px !important;
  border: 1px solid var(--gih-border) !important;
  border-radius: 12px !important;
  background: var(--gih-surface-soft) !important;
}

/* Checkbox row */
#privacy-blocklist {
  accent-color: #111111;
}
label[for="privacy-blocklist"] {
  color: var(--gih-text) !important;
  font-weight: 500 !important;
}

/* Buttons */
.button,
button.button {
  appearance: none;
  border: 1px solid var(--gih-primary) !important;
  background: var(--gih-primary) !important;
  color: var(--gih-primary-text) !important;
  border-radius: 10px !important;
  padding: 11px 18px !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
}
.button:hover,
button.button:hover {
  background: #000 !important;
  border-color: #000 !important;
  color: #fff !important;
}

/* Links */
a {
  color: var(--gih-text) !important;
  text-decoration-color: #9ca3af !important;
}
a:hover {
  text-decoration-color: #111111 !important;
}

/* Hide "Powered by listmonk" footer */
body > footer.container {
  display: none !important;
}

@media (max-width: 760px) {
  body > .container.wrap {
    margin: 20px 12px 10px !important;
    padding: 20px !important;
    border-radius: 12px !important;
  }
}
/* Kill any tiled/pattern background */
html,
body,
body::before,
body::after,
.container.wrap,
.container.wrap::before,
.container.wrap::after {
  background-image: none !important;
  background: #f3f4f6 !important;
}

body::before,
body::after,
.container.wrap::before,
.container.wrap::after {
  content: none !important;
  display: none !important;
}