:root{
  --cookie-bg: rgba(10, 18, 30, .72);
  --cookie-border: rgba(255,255,255,.14);
  --cookie-text: rgba(234,240,255,.88);
  --cookie-muted: rgba(234,240,255,.70);
  --cookie-accent: #65CEB0;
}

.cookie-banner{
  position: fixed;
  left: 16px;
  right: 16px;
  bottom: 16px;
  z-index: 9999;
  display: none;
}

.cookie-banner.is-visible{ display: block; }

.cookie-banner__card{
  max-width: 1100px;
  margin: 0 auto;
  padding: 14px 14px;
  border-radius: 16px;
  border: 1px solid var(--cookie-border);
  background: var(--cookie-bg);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 18px 60px rgba(0,0,0,.35);
}

.cookie-banner__row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
}

.cookie-banner__text{
  color: var(--cookie-text);
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
  line-height: 1.5;
  font-size: 13px;
}

.cookie-banner__text a{
  color: var(--cookie-accent);
  font-weight: 700;
  text-decoration: none;
}

.cookie-banner__text a:hover{ text-decoration: underline; }

.cookie-banner__actions{ display: flex; gap: 10px; flex-wrap: wrap; }

.cookie-btn{
  appearance: none;
  border: 1px solid var(--cookie-border);
  background: rgba(255,255,255,.10);
  color: var(--cookie-text);
  padding: 10px 12px;
  border-radius: 12px;
  font-size: 13px;
  cursor: pointer;
}

.cookie-btn:hover{ background: rgba(255,255,255,.14); }

.cookie-btn--primary{
  background: rgba(101,206,176,.18);
  border-color: rgba(101,206,176,.38);
}

.cookie-btn--primary:hover{ background: rgba(101,206,176,.26); }

.cookie-btn--ghost{ background: rgba(255,255,255,.06); }

.cookie-banner__note{ color: var(--cookie-muted); font-size: 12px; margin-top: 6px; }

@media (max-width: 520px){
  .cookie-banner{ left: 12px; right: 12px; bottom: 12px; }
  .cookie-btn{ width: 100%; }
  .cookie-banner__actions{ width: 100%; }
}