.privacy-consent,
.privacy-details {
  position: fixed;
  inset: 0;
  z-index: 12000;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #f5f6f7;
}

.privacy-consent {
  display: grid;
  align-items: end;
  padding: 16px;
  pointer-events: none;
}

.privacy-consent[hidden],
.privacy-details[hidden] { display: none; }

.privacy-consent__card {
  width: min(720px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px 20px;
  align-items: center;
  padding: 15px 17px;
  border: 1px solid rgba(231, 196, 105, .38);
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(80, 199, 128, .09), transparent 48%), rgba(17, 21, 25, .97);
  box-shadow: 0 22px 70px rgba(0, 0, 0, .48);
  backdrop-filter: blur(18px);
  pointer-events: auto;
}

.privacy-consent__copy h2,
.privacy-details__panel h2 { margin: 0 0 6px; font-size: clamp(20px, 2vw, 26px) !important; line-height: 1.12 !important; letter-spacing: -.025em !important; }
.privacy-consent__copy h2 { margin: 0 !important; font-size: clamp(20px, 2vw, 25px) !important; line-height: 1.1 !important; letter-spacing: -.025em !important; white-space: nowrap; }
.privacy-consent__copy p,
.privacy-details__panel p { margin: 0; color: rgba(245, 246, 247, .72); line-height: 1.5; }
.privacy-consent__actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 9px; }
.privacy-button {
  min-height: 44px;
  padding: 0 16px;
  border: 1px solid rgba(255, 255, 255, .17);
  border-radius: 10px;
  background: #252b31;
  color: #f5f6f7;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}
.privacy-button.primary { border-color: #61d995; background: #61d995; color: #07140d; }
.privacy-button.ghost { background: transparent; }

.privacy-details { display: grid; place-items: center; padding: 18px; background: rgba(4, 7, 9, .68); backdrop-filter: blur(8px); }
.privacy-details__panel {
  width: min(620px, 100%);
  max-height: min(720px, calc(100vh - 36px));
  overflow: auto;
  padding: 26px;
  border: 1px solid rgba(231, 196, 105, .36);
  border-radius: 16px;
  background: #151a1f;
  box-shadow: 0 28px 90px rgba(0,0,0,.55);
}
.privacy-details__intro { margin-top: 10px !important; font-size: 14px; }
.privacy-choice { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 11px; margin: 20px 0; padding: 15px; border: 1px solid rgba(255,255,255,.11); border-radius: 11px; background: rgba(255,255,255,.035); }
.privacy-choice input { width: 20px; height: 20px; accent-color: #61d995; }
.privacy-choice strong { display: block; margin-bottom: 4px; }
.privacy-choice small { display: block; color: rgba(245,246,247,.66); line-height: 1.45; }
.privacy-details__links { margin: 14px 0; font-size: 14px; }
.privacy-details__links a { color: #8ceab1; }
.privacy-details__actions { display: flex; justify-content: flex-end; gap: 9px; }
.privacy-settings-link { border: 0; padding: 0; background: none; color: inherit; font: inherit; text-decoration: underline; cursor: pointer; }

@media (max-width: 760px) {
  .privacy-consent { padding: 9px; }
  .privacy-consent__card { grid-template-columns: 1fr; padding: 17px; }
  .privacy-consent__actions { justify-content: stretch; }
  .privacy-button { flex: 1 1 145px; }
}