:root{
  --cc-bg: rgba(2,6,23,0.95);
  --cc-accent: #00d9ff;
  --cc-text: #e6eef8;
  --cc-radius: 12px;
}
.cc-banner{
  position: fixed;
  left: 16px;
  right: 16px;
  bottom: 16px;
  background: var(--cc-bg);
  color: var(--cc-text);
  padding: 14px;
  border-radius: var(--cc-radius);
  box-shadow: 0 8px 30px rgba(0,0,0,0.6);
  display: flex;
  gap: 12px;
  align-items: center;
  z-index: 99999;
  flex-wrap: wrap;
  font-size: 14px;
}
.cc-content{ flex: 1; min-width: 220px; }
.cc-actions{ display:flex; gap:8px; align-items:center; }
.cc-btn{
  padding: 8px 12px;
  border-radius: 10px;
  cursor: pointer;
  border: none;
  font-weight:600;
}
.cc-accept{ background: linear-gradient(90deg,var(--cc-accent), #7c3aed); color:#021023; }
.cc-necessary{ background:transparent; border:1px solid rgba(255,255,255,0.06); color:var(--cc-text); }
.cc-link{ color:var(--cc-accent); text-decoration:underline; cursor:pointer; font-weight:600; }
.cc-toggle{ display:flex; gap:8px; align-items:center; font-size:13px; }
@media (max-width:640px){
  .cc-banner{ padding:12px; font-size:13px; }
  .cc-actions{ width:100%; justify-content:flex-end; }
}