.cookie-banner {
  position: fixed;
  z-index: 1000;
  right: clamp(0.8rem, 2.5vw, 2rem);
  bottom: clamp(0.8rem, 2.5vw, 2rem);
  left: clamp(0.8rem, 2.5vw, 2rem);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 1rem;
  max-width: 920px;
  margin-inline: auto;
  padding: 1.15rem 1.3rem;
  border: 1px solid rgba(99, 229, 255, 0.42);
  background: rgba(5, 9, 16, 0.97);
  color: #eff8ff;
  box-shadow: 0 0 0 1px rgba(69, 136, 255, 0.08), 0 1.5rem 5rem rgba(0, 0, 0, 0.62), 0 0 2.5rem rgba(45, 143, 255, 0.12);
  font-family: Inter, "Helvetica Neue", Arial, sans-serif;
  line-height: 1.5;
}

.cookie-banner[hidden] { display: none; }
.cookie-banner__signal { width: 0.55rem; height: 3.4rem; background: linear-gradient(#63e5ff, #5d65ff); box-shadow: 0 0 1.2rem rgba(99, 229, 255, 0.6); }
.cookie-banner__copy strong { display: block; color: #63e5ff; font-family: monospace; font-size: 0.69rem; letter-spacing: 0.15em; }
.cookie-banner__copy p { margin: 0.25rem 0 0.4rem; color: #c3cfdd; font-size: 0.88rem; }
.cookie-banner__copy nav { display: flex; flex-wrap: wrap; gap: 1rem; }
.cookie-banner__copy a { color: #eef8ff; font-size: 0.72rem; text-underline-offset: 0.2rem; }
.cookie-banner__accept { min-height: 2.8rem; padding: 0.65rem 1.3rem; border: 1px solid rgba(99, 229, 255, 0.75); background: linear-gradient(115deg, #387ffa, #6c5cff); color: white; cursor: pointer; font: 800 0.7rem/1 Inter, "Helvetica Neue", Arial, sans-serif; letter-spacing: 0.12em; }
.cookie-banner__close { position: absolute; top: 0.35rem; right: 0.45rem; width: 2rem; height: 2rem; border: 0; background: transparent; color: #aab8c9; cursor: pointer; font-size: 1.35rem; }
.cookie-banner button:focus-visible, .cookie-banner a:focus-visible { outline: 2px solid #63e5ff; outline-offset: 3px; }

@media (max-width: 640px) {
  .cookie-banner { grid-template-columns: auto 1fr; gap: 0.75rem; padding: 1rem; }
  .cookie-banner__signal { height: 4.2rem; }
  .cookie-banner__copy { padding-right: 1rem; }
  .cookie-banner__copy p { font-size: 0.8rem; }
  .cookie-banner__accept { grid-column: 1 / -1; width: 100%; }
}
