:root {
  --dn-night: #101a2c;
  --dn-night-soft: #182640;
  --dn-lime: #c9f36b;
  --dn-lime-deep: #9dcb3d;
  --dn-sky: #6ed8d1;
  --dn-paper: #f7f8f3;
  --dn-white: #ffffff;
  --dn-ink: #182033;
  --dn-muted: #627085;
  --dn-line: #dce2dd;
  --dn-ui: Inter, "Segoe UI", Arial, sans-serif;
  --dn-display: "Trebuchet MS", Inter, "Segoe UI", sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }

.dnv-shell { width: min(100% - 40px, 1100px); margin-inline: auto; }

.dnv-cookie-bar {
  position: fixed;
  inset: auto 18px 18px;
  z-index: 1000;
  padding: 16px;
  color: var(--dn-white);
  background: rgba(16, 26, 44, .96);
  border: 1px solid rgba(201, 243, 107, .28);
  border-radius: 18px;
  box-shadow: 0 20px 60px rgba(6, 13, 26, .3);
  backdrop-filter: blur(16px);
}

.dnv-cookie-bar__row {
  width: min(100%, 1100px);
  margin-inline: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.dnv-cookie-bar__text { flex: 1; font: 14px/1.65 var(--dn-ui); color: rgba(255, 255, 255, .76); }
.dnv-cookie-bar__text a { color: var(--dn-lime); }
.dnv-cookie-bar__actions { display: flex; gap: 10px; }

.dnv-cookie-bar__accept,
.dnv-cookie-bar__decline {
  min-height: 42px;
  padding: 0 18px;
  border: 1px solid transparent;
  border-radius: 10px;
  cursor: pointer;
  font: 800 13px/1 var(--dn-ui);
}

.dnv-cookie-bar__accept { background: var(--dn-lime); color: var(--dn-night); }
.dnv-cookie-bar__decline { background: transparent; color: var(--dn-white); border-color: rgba(255,255,255,.25); }
.dnv-cookie-bar--hidden { display: none; }

@media (max-width: 620px) {
  .dnv-cookie-bar__row { align-items: stretch; flex-direction: column; }
  .dnv-cookie-bar__actions > * { flex: 1; }
}