.cookie-banner {
  position: fixed;
  z-index: 1000;
  left: 18px;
  right: 18px;
  bottom: 18px;
  max-width: 760px;
  margin: auto;
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 18px 20px;
  border: 1px solid #3b456f;
  border-radius: 16px;
  background: #11162d;
  color: #f7f7ff;
  box-shadow: 0 16px 60px rgba(0, 0, 0, .55);
}
.cookie-banner[hidden] { display: none; }
.cookie-banner p { margin: 0; color: #aeb5d4; font-size: 14px; line-height: 1.5; }
.cookie-banner div { display: flex; gap: 9px; flex: 0 0 auto; }
.cookie-banner button { border: 1px solid #465178; border-radius: 10px; padding: 10px 14px; color: #fff; font-weight: 750; cursor: pointer; }
.cookie-reject { background: #171d39; }
.cookie-accept { background: #8b5cf6; }
@media (max-width: 680px) {
  .cookie-banner { align-items: stretch; flex-direction: column; gap: 14px; }
  .cookie-banner div { justify-content: flex-end; }
}