:root { --bg:#1e1e1e; --ink:#d4d4d4; --muted:#9cdcfe; --accent:#ce9178; --green:#6a9955; }
html,body { margin:0; background:var(--bg); color:var(--ink); font-family: "Cascadia Code", "Fira Code", ui-monospace, monospace; }
main { max-width:40rem; margin:0 auto; padding:10vh 1.4rem 3rem; }
.kicker { color:var(--green); }
h1 { color:#dcdcaa; font-weight:500; }
.card { background:#252526; border:1px solid #3c3c3c; padding:1.2rem; margin-top:2rem; }
input[type=email] { width:100%; background:#1e1e1e; color:#d4d4d4; border:1px solid #3c3c3c; padding:.7rem; }
button { margin-top:.8rem; background:#0e639c; color:#fff; border:0; padding:.7rem 1rem; cursor:pointer; }
footer { padding:1rem; text-align:center; color:#808080; font-size:.8rem; }
a { color:var(--muted); }

.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;
}