/* Cookie consent banner — matches Trade-Up Contract shell (Rajdhani + Share Tech Mono) */
.consent{
  position:fixed;left:16px;right:16px;bottom:16px;z-index:60;
  display:flex;align-items:center;gap:18px;flex-wrap:wrap;
  max-width:760px;margin:0 auto;padding:16px 20px;
  background:linear-gradient(180deg,rgba(24,27,37,.985),rgba(16,19,26,.985));
  border:1px solid var(--line,#262b38);border-radius:5px;
  box-shadow:0 22px 60px rgba(0,0,0,.6);
  opacity:0;transform:translateY(14px);
  transition:opacity .26s ease,transform .26s ease;
}
.consent.is-in{opacity:1;transform:translateY(0)}

/* keep the page scrollable past the fixed banner so it never hides the CTA */
body.has-consent{padding-bottom:calc(var(--consent-h, 0px) + 20px)}

.consent__text{
  flex:1 1 320px;min-width:0;
  font-family:'Share Tech Mono',monospace;font-size:12px;line-height:1.55;
  letter-spacing:.3px;color:var(--txt-2,#a0a8c0);
}
.consent__text a{color:var(--rar-2,#7b93ff);text-decoration:underline;text-underline-offset:2px}
.consent__text a:hover{color:var(--txt,#e8edff)}

.consent__actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}

.consent__btn{
  cursor:pointer;border:1px solid transparent;
  font-family:'Rajdhani',system-ui,sans-serif;font-weight:700;font-size:13px;
  letter-spacing:1.2px;text-transform:uppercase;
  padding:9px 18px;border-radius:3px;
  transition:transform .16s ease,filter .2s ease,border-color .2s ease,color .2s ease;
}
.consent__btn:hover{transform:translateY(-1px)}
.consent__btn:focus-visible{outline:2px solid var(--rar,#4b69ff);outline-offset:2px}

.consent__btn--accept{background:linear-gradient(180deg,#5cf5a6,#1fae66);color:#04160c}
.consent__btn--accept:hover{filter:brightness(1.1)}

.consent__btn--ghost{
  background:transparent;border-color:var(--line,#262b38);color:var(--txt-2,#a0a8c0);
}
.consent__btn--ghost:hover{border-color:var(--txt-dim,#6b7494);color:var(--txt,#e8edff)}

@media (max-width:560px){
  .consent{left:10px;right:10px;bottom:10px;padding:14px 16px;gap:14px}
  .consent__actions{width:100%}
  .consent__btn{flex:1 1 0;text-align:center}
}

@media (prefers-reduced-motion:reduce){
  .consent{transition:opacity .01ms}
  .consent__btn:hover{transform:none}
}