.privacy-banner[hidden],
.privacy-modal[hidden],
.privacy-media-placeholder[hidden]{display:none!important}

.privacy-banner{
  position:fixed;
  z-index:10000;
  right:20px;
  bottom:20px;
  width:min(520px,calc(100% - 40px));
  padding:24px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:20px;
  background:#0d0d0d;
  color:#f4f4f4;
  box-shadow:0 24px 70px rgba(0,0,0,.36);
  font-family:'Plus Jakarta Sans',Arial,sans-serif;
}

.privacy-banner h2,
.privacy-modal h2{margin:0 0 9px;font:700 20px/1.2 'Lexend',Arial,sans-serif;letter-spacing:-.3px}
.privacy-banner p,
.privacy-modal p{margin:0;color:#c9cad2;font-size:14px;line-height:1.6}
.privacy-banner a,
.privacy-modal a{color:#aab7f8;text-underline-offset:3px}
.privacy-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:19px}
.privacy-button{
  min-height:44px;
  padding:11px 18px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:999px;
  background:transparent;
  color:#fff;
  font:700 14px/1 'Plus Jakarta Sans',Arial,sans-serif;
  cursor:pointer;
}
.privacy-button:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.privacy-button.primary{border-color:#0e33eb;background:#0e33eb}
.privacy-button.primary:hover{background:#294af0}
.privacy-button:focus-visible,
[data-cookie-settings]:focus-visible{outline:3px solid #aab7f8;outline-offset:3px}

.privacy-media-placeholder{
  position:absolute;
  inset:0;
  z-index:4;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:28px;
  text-align:center;
  background:linear-gradient(145deg,#07175f,#0e33eb);
  color:#fff;
  font-family:'Plus Jakarta Sans',Arial,sans-serif;
}
.privacy-media-placeholder strong{font:700 18px/1.3 'Lexend',Arial,sans-serif}
.privacy-media-placeholder span{max-width:270px;color:rgba(255,255,255,.78);font-size:13px;line-height:1.5}
.privacy-media-placeholder button{background:#fff;color:#0e33eb;border:0}

@media(max-width:560px){
  .privacy-banner{right:12px;bottom:12px;width:calc(100% - 24px);padding:20px;border-radius:17px}
  .privacy-actions{display:grid;grid-template-columns:1fr}
  .privacy-button{width:100%}
}

@media(prefers-reduced-motion:no-preference){
  .privacy-banner{animation:privacy-enter .28s ease-out}
  @keyframes privacy-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
}