:root { --bg:#0f172a; --ink:#e2e8f0; --muted:#94a3b8; --accent:#38bdf8; }
html,body { margin:0; background:#0f172a; color:var(--ink); font-family: "IBM Plex Mono", ui-monospace, monospace; }
main { max-width:36rem; margin:0 auto; padding:11vh 1.4rem 3rem; }
.kicker { color:var(--accent); }
h1 { font-family: "IBM Plex Sans", sans-serif; }
.card { background:#1e293b; padding:1.2rem; margin-top:2rem; border:1px solid #334155; }
input[type=email] { width:100%; background:#0f172a; color:#fff; border:1px solid #334155; padding:.7rem; }
button { margin-top:.8rem; background:var(--accent); color:#0f172a; border:0; padding:.7rem 1rem; font-weight:700; cursor:pointer; }
footer { padding:1rem; text-align:center; color:var(--muted); font-size:.8rem; }
a { color:var(--accent); }

.dcc-cookie-banner, .dcc-cookie-settings {
  --dcc-bg: var(--card, var(--bg));
  --dcc-text: var(--ink);
  --dcc-muted: var(--muted);
  --dcc-border: var(--line, var(--accent));
  --dcc-primary: var(--accent);
  --dcc-primary-text: var(--bg);
  --dcc-font: inherit;
}