.cookie{
  position:fixed;
  left:50%;
  bottom:20px;
  transform:translateX(-50%);
  z-index:2000;

  max-width:520px;
  width:calc(100% - 24px);

  padding:18px 22px;
  border-radius:18px;

  color:var(--fg);

  /* same surface logic as cards */
  background:linear-gradient(180deg,
    rgba(19,40,32,.62),
    rgba(15,25,20,.48)
  );

  border:1px solid rgba(255,255,255,.12);
  backdrop-filter:saturate(140%) blur(12px);

  box-shadow:
    0 22px 60px rgba(0,0,0,.50),
    0 0 0 1px rgba(79,163,122,.08) inset;

  text-align:center;
}

.cookie p{
  margin:0 0 12px;
  color:var(--muted);
  font-size:14px;
  line-height:1.5;
}

.cookie-actions{
  display:flex;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
}

.cookie-btn{
  border:1px solid rgba(255,255,255,.14);

  /* same CTA gradient as site */
  background:linear-gradient(135deg,
    color-mix(in oklab, var(--p) 78%, #000),
    color-mix(in oklab, var(--s) 88%, #000)
  );

  color:#fff;
  font-weight:700;
  border-radius:12px;
  padding:10px 18px;
  cursor:pointer;

  box-shadow:0 16px 40px -22px rgba(79,163,122,.45);
  transition:.2s transform,.2s filter,.2s box-shadow;
}

.cookie-btn:hover{
  transform:translateY(-1px);
  filter:brightness(1.06);
  box-shadow:0 20px 50px -24px rgba(79,163,122,.55);
}

.cookie-btn:active{
  transform:translateY(0);
  filter:brightness(.98);
  box-shadow:0 12px 30px -20px rgba(79,163,122,.35);
}

.cookie-link{
  color:color-mix(in oklab, var(--muted) 88%, white);
  text-decoration:underline;
  font-size:13px;
  padding:10px 6px;
}