.cookie-banner {
  position: fixed;
  z-index: 1200;
  left: 18px;
  bottom: 18px;
  width: min(460px, calc(100vw - 36px));
  padding: 17px 18px;
  border: 1px solid rgba(91, 221, 242, .34);
  border-radius: 15px;
  background: rgba(5, 27, 61, .97);
  box-shadow: 0 18px 60px rgba(0, 13, 38, .32);
  color: #dce9f4;
  opacity: 0;
  transform: translateY(14px);
  transition: opacity .18s ease, transform .18s ease;
  backdrop-filter: blur(16px);
}

.cookie-banner.is-visible { opacity: 1; transform: translateY(0); }
.cookie-banner.is-closing { opacity: 0; transform: translateY(8px); }
.cookie-banner p { margin: 0; font: 13px/1.5 Arial, sans-serif; }
.cookie-banner a { color: #7ee8f5; text-decoration: underline; text-underline-offset: 3px; }

.cookie-banner__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 13px;
}

.cookie-banner__button {
  min-height: 38px;
  padding: 0 15px;
  border: 1px solid #7ee8f5;
  border-radius: 9px;
  background: #7ee8f5;
  color: #031126;
  font: 800 12px/1 Arial, sans-serif;
  cursor: pointer;
}

.cookie-banner__button--secondary { background: transparent; color: #dce9f4; }
.cookie-banner__button:hover,
.cookie-banner__button:focus-visible { filter: brightness(1.08); }

@media (max-width: 420px) {
  .cookie-banner {
    left: 12px;
    bottom: calc(12px + env(safe-area-inset-bottom));
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px - env(safe-area-inset-bottom));
    padding: 15px;
    overflow-y: auto;
  }

  .cookie-banner__actions { display: grid; grid-template-columns: 1fr 1fr; }
  .cookie-banner__button { padding: 0 9px; font-size: 11px; }
}