.eva-privacy-guard {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) minmax(250px, .65fr);
  gap: clamp(1rem, 3vw, 2.2rem);
  align-items: start;
  width: min(1180px, calc(100% - 2rem));
  margin: clamp(2rem, 5vw, 4.5rem) auto;
  padding: clamp(1.25rem, 3vw, 2rem);
  border: 1px solid color-mix(in srgb, var(--cyan, #39e7ff) 38%, transparent);
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(7, 17, 28, .94), rgba(20, 12, 34, .9));
  box-shadow: 0 24px 70px rgba(0, 0, 0, .28), inset 0 1px rgba(255, 255, 255, .04);
  color: #f4f0f8;
}
.eva-privacy-guard__signal { padding-top: .35rem; }
.eva-privacy-guard__signal span { display: block; width: .7rem; height: .7rem; border-radius: 50%; background: #3cff9b; box-shadow: 0 0 20px #3cff9b; }
.eva-privacy-guard__copy > p { margin: 0 0 .65rem; color: var(--cyan, #39e7ff); font-size: .68rem; font-weight: 800; letter-spacing: .17em; }
.eva-privacy-guard__copy h2 { margin: 0; color: inherit; font-size: clamp(1.1rem, 2.2vw, 1.55rem); line-height: 1.25; }
.eva-privacy-guard__copy > span { display: block; margin-top: .8rem; color: #bbb5c4; font-size: .86rem; line-height: 1.65; }
.eva-privacy-guard details { margin-top: .8rem; color: #a9a3b1; font-size: .75rem; line-height: 1.55; }
.eva-privacy-guard summary { width: fit-content; cursor: pointer; color: #e7e0ec; font-weight: 700; }
.eva-privacy-guard details p { margin: .55rem 0 0; }
.eva-privacy-guard__controls { display: grid; gap: .65rem; }
.eva-privacy-guard__modes { display: grid; grid-template-columns: 1fr; gap: .45rem; }
.eva-privacy-guard button, .eva-privacy-guard a { font: inherit; }
.eva-privacy-guard__modes button, .eva-privacy-guard__clear {
  min-height: 42px;
  padding: .65rem .8rem;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 9px;
  background: rgba(255, 255, 255, .035);
  color: #d7d0dc;
  cursor: pointer;
  font-size: .69rem;
  font-weight: 800;
  letter-spacing: .06em;
}
.eva-privacy-guard__modes button.is-active { border-color: var(--cyan, #39e7ff); background: color-mix(in srgb, var(--cyan, #39e7ff) 14%, transparent); color: #fff; box-shadow: 0 0 24px color-mix(in srgb, var(--cyan, #39e7ff) 12%, transparent); }
.eva-privacy-guard__controls [data-privacy-status] { min-height: 2.1em; margin: 0; color: #918a9b; font-size: .66rem; line-height: 1.45; }
.eva-privacy-guard__clear { border-color: rgba(255, 108, 135, .3); color: #ff9bad; }
.eva-privacy-guard__controls a { width: fit-content; color: var(--cyan, #39e7ff); font-size: .68rem; text-decoration: none; }
@media (max-width: 820px) {
  .eva-privacy-guard { grid-template-columns: auto minmax(0, 1fr); }
  .eva-privacy-guard__controls { grid-column: 2; }
}
@media (max-width: 560px) {
  .eva-privacy-guard { grid-template-columns: 1fr; width: calc(100% - 1.4rem); border-radius: 13px; }
  .eva-privacy-guard__signal { display: none; }
  .eva-privacy-guard__controls { grid-column: auto; }
}