/* MNB REGISTER HOTFIX: button clickable + modal UI like sample */

/* Background must not steal clicks */
.animated-bg,
.mesh-gradient,
#network-canvas {
  pointer-events: none !important;
}

/* Header always above all page layers */
.header {
  z-index: 2147483000 !important;
  isolation: isolate;
}
.header-content,
.header-content nav {
  position: relative;
  z-index: 2147483001 !important;
}

/* Register button (same look as .nav-link but for <button>) */
button#mnb-register-btn.nav-link.nav-link--register {
  -webkit-appearance: none;
  appearance: none;
  border: 0 !important;
  background: transparent !important;
  padding: 8px 16px !important;
  margin: 0 !important;
  color: inherit !important;
  font: inherit !important;
  line-height: inherit !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
}
button#mnb-register-btn.nav-link.nav-link--register:focus-visible {
  outline: 2px solid rgba(0,102,255,.6);
  outline-offset: 4px;
  border-radius: 10px;
}

/* Overlay always on top */
.mnb-reg-overlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483646 !important;
  background: rgba(0,0,0,.65) !important;
  backdrop-filter: blur(10px);
}

/* Modal card (like sample) */
.mnb-reg-modal {
  position: fixed !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%,-50%) !important;
  z-index: 2147483647 !important;

  width: min(520px, calc(100vw - 32px)) !important;
  padding: 22px 22px 18px !important;

  background: rgba(10, 12, 16, 0.92) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 18px !important;
  box-shadow: 0 24px 90px rgba(0,0,0,.70) !important;

  color: #e7eaf0 !important;
  font-family: inherit !important;
}

/* hidden attribute must actually hide */
.mnb-reg-overlay[hidden],
.mnb-reg-modal[hidden] {
  display: none !important;
}

/* Header text */
.mnb-reg-head { margin-bottom: 14px !important; text-align: left !important; }
.mnb-reg-title { margin: 0 0 6px !important; font-size: 22px !important; font-weight: 700 !important; }
.mnb-reg-sub { margin: 0 !important; font-size: 13px !important; opacity: .75 !important; }

/* Close (force normal X, because encoding shows garbage) */
#mnb-reg-close {
  position: absolute !important;
  right: 14px !important;
  top: 12px !important;
  width: 32px !important;
  height: 32px !important;
  border: 0 !important;
  background: transparent !important;
  border-radius: 10px !important;
  cursor: pointer !important;

  font-size: 0 !important;
  color: transparent !important;
}
#mnb-reg-close::before{
  content: "×";
  display: block;
  font-size: 22px;
  line-height: 32px;
  text-align: center;
  color: rgba(255,255,255,.70);
}
#mnb-reg-close:hover { background: rgba(255,255,255,.08) !important; }
#mnb-reg-close:hover::before { color: #fff; }

/* Body layout */
.mnb-reg-body { display: flex !important; flex-direction: column !important; gap: 14px !important; }

/* QR block like sample: white rounded card */
.mnb-reg-qrbox{
  width: fit-content !important;
  margin: 4px auto 0 !important;
  padding: 14px !important;
  background: #ffffff !important;
  border-radius: 14px !important;
  border: 0 !important;
}
.mnb-reg-qrbox img{
  display: block !important;
  width: 260px !important;
  height: 260px !important;
  max-width: calc(100vw - 110px) !important;
  max-height: calc(100vw - 110px) !important;
  border-radius: 10px !important;
  background: #fff !important;
}

/* Telegram button like sample */
.mnb-reg-tgbtn{
  width: 100% !important;
  height: 48px !important;
  border: 0 !important;
  border-radius: 12px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;

  font-weight: 700 !important;
  font-size: 15px !important;

  cursor: pointer !important;
  color: #fff !important;
  background: #2AABEE !important;
}
.mnb-reg-tgbtn::before{
  content: "✈";
  font-size: 16px;
  line-height: 1;
  opacity: .95;
}
.mnb-reg-tgbtn:hover{ filter: brightness(1.06) !important; }

/* Hint like sample */
.mnb-reg-hint{
  margin: 0 !important;
  font-size: 12px !important;
  opacity: .70 !important;
  text-align: center !important;
}

/* === FIX: custom cursor must be above register modal === */

/* 1) Êàñòîìíûé êóðñîð — ñàìûé âåðõ */
.custom-cursor,
.cursor-dot {
  position: fixed !important;
  z-index: 2147483647 !important;
  pointer-events: none !important;
}

/* 2) Ìîäàëêà è îâåðëåé — íèæå êóðñîðà, íî âûøå õåäåðà */
#mnb-reg-overlay,
.mnb-reg-overlay {
  z-index: 2147483645 !important;
  cursor: none !important;
}

#mnb-reg-modal,
.mnb-reg-modal {
  z-index: 2147483646 !important;
  cursor: none !important;
}

/* 3) ×òîáû íà êíîïêàõ â ìîäàëêå íå ïîÿâëÿëñÿ ñèñòåìíûé êóðñîð */
#mnb-reg-modal *,
.mnb-reg-modal * {
  cursor: none !important;
}