.cookie-banner{
  position:fixed; left:16px; right:16px; bottom:16px; z-index:999;
  max-width:640px; margin:0 auto;
  background:#141416; color:var(--paper);
  border:1px solid var(--line); border-radius:12px;
  padding:18px 20px;
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:14px;
  box-shadow:0 12px 40px rgba(0,0,0,.45);
  font-family:'Space Grotesk',sans-serif;
  transform:translateY(0);
  animation:cookie-in .35s ease-out;
}
.cookie-banner[hidden]{ display:none; }
@keyframes cookie-in{ from{ transform:translateY(24px); opacity:0; } to{ transform:translateY(0); opacity:1; } }
.cookie-banner p{ margin:0; font-size:13px; line-height:1.5; color:rgba(237,234,224,.85); flex:1 1 240px; }
.cookie-banner a{ color:var(--hotpink); text-decoration:underline; }
.cookie-actions{ display:flex; gap:10px; flex:0 0 auto; }
.cookie-btn{
  font-family:'JetBrains Mono',monospace; font-size:12px; letter-spacing:.04em; text-transform:uppercase;
  padding:10px 18px; border-radius:999px; cursor:pointer; border:1px solid transparent;
}
.cookie-btn--solid{ background:var(--hotpink); color:#0B0B0C; font-weight:700; }
.cookie-btn--ghost{ background:transparent; color:var(--paper); border-color:var(--line); }
.cookie-btn--ghost:hover{ border-color:rgba(237,234,224,.4); }

.hp-field{ position:absolute; left:-9999px; }

@media (prefers-reduced-motion: reduce){
  .cookie-banner{ animation:none; }
}