:root { --bg:#f3f0ff; --ink:#1b1433; --muted:#5b5278; --accent:#5b21b6; }
html,body { margin:0; background:var(--bg); color:var(--ink); font-family: "Avenir Next", "Segoe UI", sans-serif; }
body { background-image: linear-gradient(160deg, #f3f0ff, #e4eeff); }
main { max-width:36rem; margin:0 auto; padding:11vh 1.4rem 3rem; }
.kicker { color:var(--accent); text-transform:uppercase; letter-spacing:.16em; font-size:.72rem; }
h1 { font-size:clamp(1.9rem,4vw,2.7rem); }
.card { background:#fff; border-radius:8px; padding:1.2rem; margin-top:2rem; outline:1px dashed var(--accent); }
input[type=email] { width:100%; border:1px solid #c4b5fd; padding:.7rem; border-radius:6px; }
button { margin-top:.8rem; background:var(--accent); color:#fff; border:0; padding:.7rem 1rem; 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;
}