:root { --bg:#0b1020; --ink:#e8f0ff; --muted:#8aa0c8; --accent:#3dffc8; --card:#121a33; --line:#243056; }
html,body { margin:0; background:var(--bg); color:var(--ink); font-family: ui-monospace, "SF Mono", Menlo, monospace; }
body { min-height:100vh; background-image: radial-gradient(ellipse at top, #162044, #0b1020 55%); }
main { max-width:40rem; margin:0 auto; padding:12vh 1.4rem 3rem; }
.kicker { color:var(--accent); letter-spacing:.18em; text-transform:uppercase; font-size:.72rem; }
h1 { font-size:clamp(1.8rem,4vw,2.6rem); line-height:1.15; }
p, label { color:var(--muted); line-height:1.55; }
.card { background:var(--card); border:1px solid var(--line); padding:1.2rem; margin-top:2rem; box-shadow:0 0 24px #3dffc822; }
input, button { font:inherit; }
input[type=email] { width:100%; background:#0b1020; color:var(--ink); border:1px solid var(--line); padding:.7rem; }
button { margin-top:.8rem; background:var(--accent); color:#04120c; border:0; padding:.7rem 1rem; font-weight:700; cursor:pointer; }
footer { border-top:1px solid var(--line); 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;
}