/* ── Cookie Consent Banner ─────────────────────────── */
#cookie-banner {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%) translateY(120px);
  width: min(680px, calc(100vw - 32px));
  background: rgba(6, 10, 30, 0.97);
  border: 1px solid rgba(87, 242, 135, 0.2);
  border-radius: 18px;
  box-shadow: 0 8px 40px rgba(0,0,0,.7), 0 0 0 1px rgba(255,255,255,.04);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  z-index: 99999;
  font-family: 'Inter', sans-serif;
  opacity: 0;
  transition: transform .35s cubic-bezier(.16,1,.3,1), opacity .35s ease;
  padding: 20px 22px;
}
#cookie-banner.visible {
  transform: translateX(-50%) translateY(0);
  opacity: 1;
}
#cookie-banner.hiding {
  transform: translateX(-50%) translateY(120px);
  opacity: 0;
}

.cb-top {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  margin-bottom: 14px;
}
.cb-icon { font-size: 24px; flex-shrink: 0; margin-top: 2px; }
.cb-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.cb-text strong {
  font-size: 14px;
  font-weight: 800;
  color: #fff;
}
.cb-text span {
  font-size: 12px;
  color: rgba(255,255,255,.6);
  line-height: 1.5;
}

.cb-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 11px;
  margin-bottom: 14px;
  color: rgba(255,255,255,.7);
}
.cb-table th {
  text-align: left;
  font-weight: 700;
  padding: 5px 8px;
  background: rgba(87,242,135,0.07);
  border: 1px solid rgba(255,255,255,.06);
  color: rgba(87,242,135,.8);
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: 10px;
}
.cb-table td {
  padding: 5px 8px;
  border: 1px solid rgba(255,255,255,.05);
}
.cb-table code {
  font-family: monospace;
  color: #57F287;
  font-size: 11px;
}

.cb-actions {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.cb-btn {
  padding: 9px 18px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  font-family: 'Inter', sans-serif;
  border: none;
  transition: background .15s, transform .1s;
}
.cb-btn:active { transform: scale(.96); }
.cb-details {
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.7);
  border: 1px solid rgba(255,255,255,.1) !important;
}
.cb-details:hover { background: rgba(255,255,255,.1); }
.cb-necessary {
  background: rgba(255,255,255,.07);
  color: rgba(255,255,255,.85);
  border: 1px solid rgba(255,255,255,.12) !important;
}
.cb-necessary:hover { background: rgba(255,255,255,.12); }
.cb-accept {
  background: rgba(87,242,135,.15);
  color: #57F287;
  border: 1px solid rgba(87,242,135,.35) !important;
}
.cb-accept:hover { background: rgba(87,242,135,.25); }

@media (max-width: 500px) {
  #cookie-banner { bottom: 10px; padding: 16px 14px; }
  .cb-actions { justify-content: stretch; }
  .cb-btn { flex: 1; text-align: center; }
}