/* =========================================================================
   Solvere Labs — public page theme
   Paste this whole file into: Settings → Appearance → Public → Custom CSS, then Save.
   Re-skins the subscription form, confirmation, manage & unsubscribe pages to
   match solvere.app, and hides the default "powered by listmonk" footer.
   ========================================================================= */

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Spectral:wght@400;500;600&display=swap');

:root{
  --bg:#080b12;
  --line:rgba(255,255,255,.08);
  --line-strong:rgba(255,255,255,.13);
  --blue:#3d82f7;
  --blue-bright:#5b9dff;
  --blue-soft:rgba(61,130,247,.14);
  --orange:#f59e0b;
  --text:#eef2f8;
  --muted:#99a3b2;
  --sans:'Space Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --serif:'Spectral',Georgia,'Times New Roman',serif;
}

/* ---- page background ---- */
html, body{
  background-color:var(--bg) !important;
  color:var(--text) !important;
  font-family:var(--serif) !important;
}
body{
  background-image:
    radial-gradient(1000px 520px at 50% -8%, #11192b 0%, rgba(17,25,43,0) 62%),
    linear-gradient(180deg,#0a0e17 0%, #07090f 100%) !important;
  background-attachment:fixed !important;
  min-height:100vh;
  line-height:1.62;
}
/* faint technical grid, fading at the top (matches the signup page) */
body::before{
  content:""; position:fixed; inset:0; pointer-events:none; z-index:0;
  background-image:
    linear-gradient(rgba(255,255,255,.02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.02) 1px, transparent 1px);
  background-size:46px 46px;
  -webkit-mask-image:radial-gradient(900px 520px at 50% 0%, #000 0%, transparent 72%);
          mask-image:radial-gradient(900px 520px at 50% 0%, #000 0%, transparent 72%);
}

/* ---- main wrapper becomes a centered dark card ---- */
.container.wrap{
  position:relative; z-index:1;
  max-width:560px !important;
  margin:52px auto !important;
  background:linear-gradient(180deg,#111825,#0f141e) !important;
  border:1px solid var(--line) !important;
  border-radius:16px !important;
  padding:34px 30px !important;
  box-shadow:0 24px 60px rgba(0,0,0,.45) !important;
}

/* ---- header / logo ---- */
.header{ text-align:center; margin-bottom:22px !important; border:0 !important; }
.logo img{ max-height:42px; width:auto; }

/* ---- typography ---- */
h1, h2, h3{
  font-family:var(--sans) !important; color:#fff !important;
  font-weight:700 !important; letter-spacing:-.01em;
}
h2{ font-size:22px !important; margin-bottom:14px !important; }
h3{ font-size:16px !important; color:#c4ccd8 !important; font-weight:600 !important; }
p, li, label{ color:var(--muted); }
a{ color:var(--blue-bright) !important; text-decoration:none; }
a:hover{ color:#86b6ff !important; text-decoration:underline; }

/* ---- text inputs ---- */
input[type=text], input[type=email]{
  width:100%; box-sizing:border-box;
  font-family:var(--sans); font-size:15px; color:var(--text) !important;
  background:#0a0e17 !important; border:1px solid var(--line-strong) !important;
  border-radius:10px !important; padding:12px 13px !important; margin-top:6px;
  transition:border-color .18s, box-shadow .18s;
}
input[type=text]:focus, input[type=email]:focus{
  border-color:var(--blue) !important; box-shadow:0 0 0 4px var(--blue-soft) !important; outline:none;
}
input[type=text]::placeholder, input[type=email]::placeholder{ color:#5b6473; }

/* ---- list / option rows (the public list checkboxes, privacy options) ---- */
ul.lists{ list-style:none !important; padding:0 !important; margin:10px 0 !important; }
ul.lists li, .row{
  background:#0b0f18; border:1px solid var(--line); border-radius:10px;
  padding:12px 13px; margin-bottom:9px;
}
ul.lists li{ display:flex; align-items:center; gap:10px; }
ul.lists li label, .row label{ color:#dbe1ea; font-family:var(--sans); font-size:14px; cursor:pointer; }
input[type=checkbox], input[type=radio]{ accent-color:var(--blue); width:16px; height:16px; }

/* ---- buttons ---- */
.button, button.button, input[type=submit].button, input[type=submit]{
  font-family:var(--sans) !important; font-weight:600 !important; font-size:15px !important;
  color:#fff !important;
  background:linear-gradient(180deg,var(--blue-bright),var(--blue)) !important;
  border:none !important; border-radius:11px !important; padding:13px 22px !important;
  cursor:pointer; box-shadow:0 8px 24px rgba(61,130,247,.3);
  transition:transform .12s, box-shadow .18s;
}
.button:hover, button.button:hover{ transform:translateY(-1px); box-shadow:0 12px 30px rgba(61,130,247,.42); }

.button-outline, input[type=submit].button-outline{
  background:transparent !important; border:1px solid var(--line-strong) !important;
  color:#cdd5e1 !important; box-shadow:none !important;
}
.button-outline:hover{ border-color:var(--blue) !important; color:#fff !important; }

/* ---- white-label: hide the "powered by listmonk" footer ---- */
footer.container{ display:none !important; }