/* GVD v46 - lightweight, site-native security dialog. */

/* Hidden means truly absent. This prevents the full-screen layer from being painted
   while the site is in normal use. */
.security-warning[hidden] { display: none !important; }
.security-warning:not([hidden]) {
  position: fixed !important;
  inset: 0 !important;
  z-index: 100000 !important;
  display: grid !important;
  place-items: center !important;
  padding: clamp(10px, 2vw, 22px) !important;
  overflow: hidden !important;
  background: rgba(5,5,6,.92) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  contain: layout paint style !important;
  opacity: 0;
  visibility: hidden;
  transition: opacity .22s ease, visibility 0s linear .22s !important;
}
.security-warning.is-visible {
  opacity: 1 !important;
  visibility: visible !important;
  transition-delay: 0s !important;
}

.security-warning-panel {
  position: relative !important;
  display: grid !important;
  grid-template-rows: auto minmax(0,1fr) auto !important;
  gap: clamp(12px, 1.7vw, 18px) !important;
  width: min(880px, calc(100vw - 28px)) !important;
  max-height: min(720px, calc(100dvh - 28px)) !important;
  min-height: 0 !important;
  padding: clamp(18px, 2.5vw, 28px) !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 18px !important;
  background: #0b0b0c !important;
  color: #f4f3ef !important;
  box-shadow: 0 24px 72px rgba(0,0,0,.56) !important;
  filter: none !important;
  opacity: 0;
  transform: translate3d(0,14px,0) scale(.985);
  transition: opacity .22s ease, transform .42s cubic-bezier(.16,1,.3,1) !important;
  contain: layout paint !important;
}
.security-warning.is-visible .security-warning-panel {
  opacity: 1 !important;
  transform: translate3d(0,0,0) scale(1) !important;
}
.security-warning-panel::before,
.security-warning-panel::after,
.security-warning-visual::before,
.security-warning-visual::after { display: none !important; content: none !important; }

.security-warning-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 18px !important;
  min-width: 0 !important;
  margin: 0 !important;
}
.security-warning h2 {
  min-width: 0 !important;
  margin: 0 !important;
  color: #f4f3ef !important;
  font-family: "grtsk-vf", Arial, sans-serif !important;
  font-variation-settings: "wdth" 112, "wght" 720 !important;
  font-size: clamp(40px, 5.2vw, 68px) !important;
  font-weight: 720 !important;
  line-height: .86 !important;
  letter-spacing: -.06em !important;
}
.security-warning-close {
  position: static !important;
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: auto !important;
  min-width: 94px !important;
  height: 38px !important;
  padding: 0 12px !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: rgba(255,255,255,.76) !important;
  box-shadow: none !important;
  font-family: "futura-100-cyrillic", Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  transition: background-color .18s ease, color .18s ease, transform .18s ease !important;
}
.security-warning-close b { font-size: 17px !important; font-weight: 400 !important; line-height: 1 !important; }
.security-warning-close:hover,
.security-warning-close:focus-visible {
  background: #f4f3ef !important;
  color: #0b0b0c !important;
  outline: 0 !important;
  transform: translateY(-1px) !important;
}
.security-warning-close:focus-visible { box-shadow: 0 0 0 4px rgba(255,255,255,.12) !important; }

.security-warning-body {
  display: grid !important;
  grid-template-columns: minmax(190px, .78fr) minmax(0, 2.22fr) !important;
  align-items: stretch !important;
  gap: clamp(14px, 2vw, 22px) !important;
  min-width: 0 !important;
  min-height: 0 !important;
}
.security-warning-visual {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: clamp(12px, 1.8vw, 20px) !important;
  overflow: hidden !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.032) !important;
  perspective: none !important;
  contain: layout paint !important;
}
.security-warning-art {
  position: relative !important;
  inset: auto !important;
  display: block !important;
  width: max-content !important;
  max-width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  white-space: pre !important;
  background: none !important;
  font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Consolas, monospace !important;
  font-size: clamp(7.2px, .82vw, 9.6px) !important;
  font-weight: 700 !important;
  line-height: 1.04 !important;
  letter-spacing: .03em !important;
  text-align: left !important;
  filter: none !important;
  transform: translate3d(0,8px,0) !important;
  opacity: 0 !important;
  animation: none !important;
  user-select: none !important;
  contain: layout paint !important;
}
.security-warning.is-visible .security-warning-art {
  animation: gvd-binary-enter .42s .06s cubic-bezier(.16,1,.3,1) forwards !important;
}
.security-warning-art-layer {
  display: block;
  white-space: pre;
  clip-path: inset(0 0 100% 0);
}
.security-warning-art-base { color: rgba(244,243,239,.22); }
.security-warning-art-ink {
  position: absolute;
  inset: 0;
  color: rgba(244,243,239,.94);
  text-shadow: 0 0 16px rgba(255,255,255,.08);
}
.security-warning.is-visible .security-warning-art-layer {
  animation: gvd-binary-draw .58s .11s steps(15,end) forwards;
}
.security-warning.is-visible .security-warning-art-ink { animation-delay: .16s; }

.security-warning-data {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  grid-auto-rows: minmax(52px, auto) !important;
  align-content: stretch !important;
  gap: 8px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}
.security-warning-data > div,
.security-warning-data > div:nth-child(7),
.security-warning-data > div:nth-child(8) {
  grid-column: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: 10px 12px !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,.038) !important;
  box-shadow: none !important;
  opacity: 0;
  transform: translate3d(0,6px,0);
  transition: opacity .22s ease, transform .34s cubic-bezier(.16,1,.3,1) !important;
}
.security-warning.is-visible .security-warning-data > div { opacity: 1 !important; transform: translate3d(0,0,0) !important; }
.security-warning.is-visible .security-warning-data > div:nth-child(1),
.security-warning.is-visible .security-warning-data > div:nth-child(2) { transition-delay: .16s !important; }
.security-warning.is-visible .security-warning-data > div:nth-child(3),
.security-warning.is-visible .security-warning-data > div:nth-child(4) { transition-delay: .20s !important; }
.security-warning.is-visible .security-warning-data > div:nth-child(5),
.security-warning.is-visible .security-warning-data > div:nth-child(6) { transition-delay: .24s !important; }
.security-warning.is-visible .security-warning-data > div:nth-child(7),
.security-warning.is-visible .security-warning-data > div:nth-child(8) { transition-delay: .28s !important; }
.security-warning-data dt {
  margin: 0 0 5px !important;
  color: rgba(255,255,255,.38) !important;
  font-family: "futura-100-cyrillic", Arial, sans-serif !important;
  font-size: 7px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}
.security-warning-data dd {
  display: block !important;
  margin: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: rgba(255,255,255,.84) !important;
  font-family: "futura-100-cyrillic", Arial, sans-serif !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
}
.security-warning-data > div:nth-child(7) dd,
.security-warning-data > div:nth-child(8) dd {
  white-space: normal !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow-wrap: anywhere !important;
}
.security-warning-final {
  margin: 0 !important;
  color: rgba(255,255,255,.46) !important;
  font-family: "futura-100-cyrillic", Arial, sans-serif !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  letter-spacing: .015em !important;
  text-transform: lowercase !important;
  opacity: 0;
  transform: translate3d(0,4px,0);
  transition: opacity .22s .28s ease, transform .3s .28s cubic-bezier(.16,1,.3,1) !important;
}
.security-warning.is-visible .security-warning-final { opacity: 1 !important; transform: translate3d(0,0,0) !important; }
body.security-modal-open { overflow: hidden !important; }
body.security-modal-open #site-cursor { display: none !important; }


@keyframes gvd-binary-enter {
  to { opacity: 1; transform: translate3d(0,0,0); }
}
@keyframes gvd-binary-draw {
  to { clip-path: inset(0 0 0 0); }
}

@media (max-width: 680px) {
  .security-warning:not([hidden]) { padding: 8px !important; }
  .security-warning-panel {
    width: calc(100vw - 16px) !important;
    max-height: calc(100dvh - 16px) !important;
    gap: 10px !important;
    padding: 13px !important;
    border-radius: 15px !important;
  }
  .security-warning h2 {
    font-size: clamp(32px, 10.2vw, 42px) !important;
    line-height: .88 !important;
  }
  .security-warning-close {
    min-width: 72px !important;
    height: 34px !important;
    padding: 0 9px !important;
    font-size: 9px !important;
  }
  .security-warning-body {
    grid-template-columns: minmax(0,1fr) !important;
    gap: 8px !important;
  }
  .security-warning-visual {
    min-height: 100px !important;
    padding: 8px !important;
  }
  .security-warning-art { font-size: clamp(5.8px, 1.75vw, 7.2px) !important; }
  .security-warning-data {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    grid-auto-rows: minmax(47px, auto) !important;
    gap: 6px !important;
  }
  .security-warning-data > div,
  .security-warning-data > div:nth-child(7),
  .security-warning-data > div:nth-child(8) {
    padding: 7px 8px !important;
    border-radius: 9px !important;
  }
  .security-warning-data dt { margin-bottom: 4px !important; font-size: 6px !important; }
  .security-warning-data dd { font-size: 8.2px !important; }
  .security-warning-final { font-size: 8px !important; }
}

@media (max-width: 380px), (max-height: 690px) {
  .security-warning-visual { min-height: 82px !important; }
  .security-warning-art { font-size: 5.4px !important; line-height: 1 !important; }
  .security-warning-data { grid-auto-rows: minmax(43px, auto) !important; }
  .security-warning-data > div,
  .security-warning-data > div:nth-child(7),
  .security-warning-data > div:nth-child(8) { padding: 6px 7px !important; }
}

@media (prefers-reduced-motion: reduce) {
  .security-warning,
  .security-warning-panel,
  .security-warning-art,
  .security-warning-art-layer,
  .security-warning-data > div,
  .security-warning-final { animation: none !important; transition-duration: 0s !important; transition-delay: 0s !important; }
  .security-warning.is-visible .security-warning-art,
  .security-warning.is-visible .security-warning-art-layer,
  .security-warning.is-visible .security-warning-data > div,
  .security-warning.is-visible .security-warning-final { opacity: 1 !important; transform: none !important; }
}