/* Full-bleed background fix for Astra */
html body.mlosign-landing-active,
body.mlosign-landing-active,
body.mlosign-landing-active .site,
body.mlosign-landing-active .site-content,
body.mlosign-landing-active .ast-container,
body.mlosign-landing-active .site-primary-footer-wrap,
body.mlosign-landing-active .main-header-bar,
body.mlosign-landing-active .ast-separate-container,
body.mlosign-landing-active .ast-plain-container {
  background:
    radial-gradient(circle at 82% 12%, rgba(229,9,20,.22), transparent 26%),
    radial-gradient(circle at 8% 78%, rgba(229,9,20,.12), transparent 28%),
    linear-gradient(135deg, #000 0%, #090909 44%, #180002 100%) !important;
}

body.mlosign-landing-active {
  overflow-x: hidden;
}

body.mlosign-landing-active .site,
body.mlosign-landing-active .site-content,
body.mlosign-landing-active .ast-container,
body.mlosign-landing-active #content,
body.mlosign-landing-active #primary,
body.mlosign-landing-active .content-area,
body.mlosign-landing-active .site-main,
body.mlosign-landing-active article,
body.mlosign-landing-active .post,
body.mlosign-landing-active .page {
  background-color: transparent !important;
  box-shadow: none !important;
}

body.mlosign-landing-active .entry-content,
body.mlosign-landing-active .entry-content[ast-blocks-layout] {
  background: transparent !important;
}

/* Full-width landing mode for Astra and most WordPress themes */
body.mlosign-landing-active .entry-title,
body.mlosign-landing-active .page-title,
body.mlosign-landing-active h1.entry-title,
body.mlosign-landing-active header.entry-header {
  display: none !important;
}

body.mlosign-landing-active #content,
body.mlosign-landing-active .site-content,
body.mlosign-landing-active .ast-container,
body.mlosign-landing-active #primary,
body.mlosign-landing-active .content-area,
body.mlosign-landing-active .site-main,
body.mlosign-landing-active .entry-content {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.mlosign-landing-active .ast-container {
  display: block !important;
}

body.mlosign-landing-active .entry-content > p:empty {
  display: none !important;
}

.mlosign-landing,
.mlosign-landing * {
  box-sizing: border-box;
}

.mlosign-landing {
  --mlosign-red: #e50914;
  --mlosign-red-dark: #7a0006;
  --mlosign-black: #050505;
  --mlosign-soft: rgba(255,255,255,.78);
  --mlosign-border: rgba(255,255,255,.13);
  position: relative;
  width: 100vw;
  min-height: 100vh;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  overflow: hidden;
  color: #fff;
  background:
    radial-gradient(circle at 68% 15%, rgba(229,9,20,.28), transparent 32%),
    radial-gradient(circle at 15% 80%, rgba(229,9,20,.18), transparent 36%),
    linear-gradient(135deg, #000 0%, #090909 48%, #1a0002 100%);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  padding: 32px 18px 46px;
}

.mlosign-bg-orb {
  position: absolute;
  border-radius: 999px;
  filter: blur(8px);
  opacity: .55;
  pointer-events: none;
}

.mlosign-bg-orb-1 {
  width: 420px;
  height: 420px;
  right: -160px;
  top: -130px;
  background: radial-gradient(circle, rgba(229,9,20,.55), transparent 65%);
}

.mlosign-bg-orb-2 {
  width: 520px;
  height: 520px;
  left: -220px;
  bottom: -220px;
  background: radial-gradient(circle, rgba(122,0,6,.8), transparent 66%);
}

.mlosign-wrap {
  position: relative;
  z-index: 2;
  width: min(1180px, 100%);
  margin: 0 auto;
}

.mlosign-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 54px;
}

.mlosign-logo {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-weight: 800;
  letter-spacing: -.03em;
}

.mlosign-logo-mark {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 16px;
  background: linear-gradient(145deg, var(--mlosign-red), var(--mlosign-red-dark));
  box-shadow: 0 16px 40px rgba(229,9,20,.35);
}

.mlosign-logo-text {
  font-size: clamp(22px, 3vw, 30px);
}

.mlosign-status-pill {
  padding: 10px 16px;
  border: 1px solid var(--mlosign-border);
  border-radius: 999px;
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.82);
  backdrop-filter: blur(14px);
  font-size: 14px;
}

.mlosign-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(320px, .98fr);
  gap: clamp(28px, 5vw, 72px);
  align-items: center;
}

.mlosign-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 18px;
  padding: 9px 14px;
  border-radius: 999px;
  border: 1px solid rgba(229,9,20,.38);
  background: rgba(229,9,20,.10);
  color: #ffb5b9;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .12em;
}

.mlosign-copy h1 {
  margin: 0;
  max-width: 760px;
  font-size: clamp(46px, 7vw, 86px);
  line-height: .94;
  letter-spacing: -.07em;
}

.mlosign-copy p {
  max-width: 660px;
  margin: 24px 0 0;
  color: var(--mlosign-soft);
  font-size: clamp(17px, 2vw, 22px);
  line-height: 1.62;
}

.mlosign-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 34px;
}

.mlosign-primary-btn {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  border: 0;
  border-radius: 18px;
  padding: 16px 22px;
  background: linear-gradient(135deg, var(--mlosign-red), #ff3038);
  color: #fff;
  font-weight: 800;
  font-size: 16px;
  box-shadow: 0 18px 42px rgba(229,9,20,.32);
  cursor: default;
}

.mlosign-primary-btn span {
  transition: transform .25s ease;
}

.mlosign-primary-btn:hover span {
  transform: translateX(4px);
}

.mlosign-mini-note {
  color: rgba(255,255,255,.55);
  font-size: 14px;
}

.mlosign-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 38px;
  max-width: 620px;
}

.mlosign-stats div,
.mlosign-feature {
  border: 1px solid var(--mlosign-border);
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.035));
  backdrop-filter: blur(18px);
  border-radius: 24px;
  box-shadow: 0 24px 70px rgba(0,0,0,.22);
}

.mlosign-stats div {
  padding: 18px;
}

.mlosign-stats strong {
  display: block;
  font-size: 26px;
  line-height: 1;
}

.mlosign-stats span {
  display: block;
  margin-top: 8px;
  color: rgba(255,255,255,.58);
  font-size: 13px;
}

.mlosign-visual {
  position: relative;
  min-height: 560px;
  display: grid;
  place-items: center;
}

.mlosign-portrait-wrap {
  position: relative;
  width: min(520px, 100%);
  aspect-ratio: 1 / 1;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background:
    radial-gradient(circle at 50% 50%, rgba(229,9,20,.78), rgba(122,0,6,.82) 55%, rgba(0,0,0,.1) 70%);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 42px 100px rgba(229,9,20,.18);
}

.mlosign-portrait-wrap:before {
  content: "";
  position: absolute;
  inset: 7%;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.12);
}

.mlosign-portrait-wrap img {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 26px 28px rgba(0,0,0,.42));
}

.mlosign-card-stack {
  position: absolute;
  left: 0;
  bottom: 34px;
  width: 230px;
  height: 190px;
  z-index: 4;
}

.mlosign-doc-card {
  position: absolute;
  inset: 0;
  padding: 20px;
  border-radius: 28px;
  background: rgba(255,255,255,.92);
  color: #111;
  box-shadow: 0 24px 80px rgba(0,0,0,.36);
}

.mlosign-doc-card-back {
  transform: rotate(-9deg) translate(-18px, 14px);
  background: rgba(229,9,20,.72);
}

.mlosign-doc-top span {
  display: block;
  height: 8px;
  margin-bottom: 10px;
  border-radius: 999px;
  background: rgba(0,0,0,.12);
}

.mlosign-doc-top span:nth-child(1) { width: 70%; }
.mlosign-doc-top span:nth-child(2) { width: 92%; }
.mlosign-doc-top span:nth-child(3) { width: 58%; }

.mlosign-sign-line {
  width: 100%;
  height: 1px;
  margin-top: 24px;
  background: rgba(0,0,0,.2);
}

.mlosign-signature {
  margin-top: 7px;
  font-size: 26px;
  font-family: "Brush Script MT", "Segoe Script", cursive;
  color: var(--mlosign-red);
}

.mlosign-progress {
  margin-top: 16px;
  width: 100%;
  height: 8px;
  border-radius: 999px;
  background: rgba(0,0,0,.1);
  overflow: hidden;
}

.mlosign-progress span {
  display: block;
  width: 76%;
  height: 100%;
  border-radius: inherit;
  background: var(--mlosign-red);
}

.mlosign-feature-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 58px;
}

.mlosign-feature {
  padding: 24px;
}

.mlosign-icon {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 16px;
  background: rgba(229,9,20,.16);
  color: #ff6c72;
  font-size: 22px;
}

.mlosign-feature h3 {
  margin: 18px 0 8px;
  font-size: 20px;
}

.mlosign-feature p {
  margin: 0;
  color: rgba(255,255,255,.62);
  line-height: 1.55;
}

.mlosign-reveal {
  opacity: 0;
  transform: translateY(22px);
  animation: mlosignReveal .75s ease forwards;
  animation-delay: var(--delay, 0s);
}

.mlosign-float {
  animation: mlosignFloat 4.5s ease-in-out infinite;
}

@keyframes mlosignReveal {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes mlosignFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-12px); }
}

@media (max-width: 980px) {
  .mlosign-header {
    margin-bottom: 38px;
  }

  .mlosign-hero {
    grid-template-columns: 1fr;
  }

  .mlosign-visual {
    min-height: 480px;
  }

  .mlosign-card-stack {
    left: 6%;
  }
}

@media (max-width: 680px) {
  .mlosign-landing {
    padding: 22px 14px 34px;
  }

  .mlosign-header,
  .mlosign-actions {
    align-items: flex-start;
    flex-direction: column;
  }

  .mlosign-stats,
  .mlosign-feature-grid {
    grid-template-columns: 1fr;
  }

  .mlosign-visual {
    min-height: 390px;
  }

  .mlosign-card-stack {
    width: 190px;
    height: 160px;
    left: 0;
    bottom: 0;
  }

  .mlosign-portrait-wrap {
    width: min(360px, 100%);
  }
}


/* v1.0.4 - Astra footer/copyright cleanup without changing the hero layout */
body.mlosign-landing-active .site-footer,
body.mlosign-landing-active #colophon,
body.mlosign-landing-active footer.site-footer,
body.mlosign-landing-active .ast-footer-copyright,
body.mlosign-landing-active .ast-small-footer,
body.mlosign-landing-active .footer-adv,
body.mlosign-landing-active .footer-primary,
body.mlosign-landing-active .footer-widget-area,
body.mlosign-landing-active .site-above-footer-wrap,
body.mlosign-landing-active .site-primary-footer-wrap,
body.mlosign-landing-active .site-below-footer-wrap,
body.mlosign-landing-active .ast-builder-footer-grid-columns,
body.mlosign-landing-active .ast-builder-footer-grid-columns,
body.mlosign-landing-active .ast-footer-overlay {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* Hide Astra scroll-to-top button only on this landing */
body.mlosign-landing-active #ast-scroll-top,
body.mlosign-landing-active .ast-scroll-top-icon,
body.mlosign-landing-active .ast-scroll-to-top-right,
body.mlosign-landing-active a[href="#page"].ast-scroll-top-icon {
  display: none !important;
  visibility: hidden !important;
}

/* Keep the original hero design intact and only strengthen the side background */
body.mlosign-landing-active {
  background:
    radial-gradient(circle at 82% 15%, rgba(229,9,20,.22), transparent 30%),
    radial-gradient(circle at 10% 78%, rgba(122,0,6,.26), transparent 34%),
    linear-gradient(135deg, #000 0%, #070707 44%, #170002 100%) !important;
  overflow-x: hidden;
}

body.mlosign-landing-active .site,
body.mlosign-landing-active #page,
body.mlosign-landing-active #content,
body.mlosign-landing-active .site-content,
body.mlosign-landing-active .ast-container,
body.mlosign-landing-active .content-area,
body.mlosign-landing-active #primary,
body.mlosign-landing-active .site-main,
body.mlosign-landing-active article,
body.mlosign-landing-active .entry-content {
  background: transparent !important;
}

/* Do NOT convert .mlosign-landing to flex; this preserves the working grid layout */
body.mlosign-landing-active .mlosign-landing {
  display: block !important;
  min-height: 100vh;
}

body.mlosign-landing-active .mlosign-wrap {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Extra safety: keep decorative orbs absolute so they cannot squeeze the hero grid */
body.mlosign-landing-active .mlosign-bg-orb {
  position: absolute !important;
}


/* v1.0.5 - white text + continuous full-page background */
body.mlosign-landing-active,
body.mlosign-landing-active .site,
body.mlosign-landing-active #page,
body.mlosign-landing-active #content,
body.mlosign-landing-active .site-content,
body.mlosign-landing-active .ast-container,
body.mlosign-landing-active .content-area,
body.mlosign-landing-active #primary,
body.mlosign-landing-active .site-main,
body.mlosign-landing-active article,
body.mlosign-landing-active .entry-content {
  background:
    radial-gradient(circle at 68% 15%, rgba(229,9,20,.28), transparent 32%),
    radial-gradient(circle at 15% 80%, rgba(229,9,20,.18), transparent 36%),
    linear-gradient(135deg, #000 0%, #090909 48%, #1a0002 100%) !important;
}

body.mlosign-landing-active .mlosign-landing {
  background: transparent !important;
}

/* Force landing text to white */
body.mlosign-landing-active .mlosign-landing,
body.mlosign-landing-active .mlosign-landing .mlosign-logo-text,
body.mlosign-landing-active .mlosign-landing .mlosign-status-pill,
body.mlosign-landing-active .mlosign-landing .mlosign-kicker,
body.mlosign-landing-active .mlosign-landing .mlosign-copy h1,
body.mlosign-landing-active .mlosign-landing .mlosign-copy p,
body.mlosign-landing-active .mlosign-landing .mlosign-mini-note,
body.mlosign-landing-active .mlosign-landing .mlosign-stats strong,
body.mlosign-landing-active .mlosign-landing .mlosign-stats span,
body.mlosign-landing-active .mlosign-landing .mlosign-feature h3,
body.mlosign-landing-active .mlosign-landing .mlosign-feature p {
  color: #ffffff !important;
}

/* Keep the cards slightly softer but still clearly white */
body.mlosign-landing-active .mlosign-status-pill {
  border-color: rgba(255,255,255,.16) !important;
  background: rgba(255,255,255,.08) !important;
}

body.mlosign-landing-active .mlosign-kicker {
  border-color: rgba(255,255,255,.18) !important;
  background: rgba(229,9,20,.12) !important;
}

body.mlosign-landing-active .mlosign-mini-note,
body.mlosign-landing-active .mlosign-stats span,
body.mlosign-landing-active .mlosign-feature p {
  opacity: .92;
}


/* v1.0.6 - Premium visual polish */
body.mlosign-landing-active,
body.mlosign-landing-active .site,
body.mlosign-landing-active #page,
body.mlosign-landing-active #content,
body.mlosign-landing-active .site-content,
body.mlosign-landing-active .ast-container,
body.mlosign-landing-active .content-area,
body.mlosign-landing-active #primary,
body.mlosign-landing-active .site-main,
body.mlosign-landing-active article,
body.mlosign-landing-active .entry-content {
  background:
    radial-gradient(circle at 72% 44%, rgba(255,0,20,.26), transparent 28%),
    radial-gradient(circle at 20% 78%, rgba(120,0,10,.30), transparent 32%),
    radial-gradient(circle at 50% -8%, rgba(255,255,255,.045), transparent 28%),
    linear-gradient(115deg, #000000 0%, #060606 29%, #130002 55%, #2a0306 100%) !important;
}

body.mlosign-landing-active .mlosign-landing {
  background:
    linear-gradient(90deg, rgba(0,0,0,.72) 0%, rgba(0,0,0,.26) 22%, rgba(0,0,0,.06) 48%, rgba(50,0,4,.20) 78%, rgba(0,0,0,.50) 100%) !important;
}

body.mlosign-landing-active .mlosign-landing::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  background:
    radial-gradient(circle at 70% 46%, rgba(255,0,24,.20), transparent 24%),
    linear-gradient(180deg, rgba(255,255,255,.035), transparent 22%, rgba(0,0,0,.16));
}

body.mlosign-landing-active .mlosign-wrap {
  position: relative;
  z-index: 3;
  width: min(1210px, calc(100% - 42px));
}

body.mlosign-landing-active .mlosign-copy h1 {
  color: #ffffff !important;
  text-shadow:
    0 3px 18px rgba(0,0,0,.42),
    0 0 44px rgba(229,9,20,.10);
  letter-spacing: -.065em;
}

body.mlosign-landing-active .mlosign-copy p {
  color: rgba(255,255,255,.94) !important;
  text-shadow: 0 2px 12px rgba(0,0,0,.38);
}

body.mlosign-landing-active .mlosign-logo-text,
body.mlosign-landing-active .mlosign-status-pill,
body.mlosign-landing-active .mlosign-kicker,
body.mlosign-landing-active .mlosign-mini-note,
body.mlosign-landing-active .mlosign-stats strong,
body.mlosign-landing-active .mlosign-stats span,
body.mlosign-landing-active .mlosign-feature h3,
body.mlosign-landing-active .mlosign-feature p {
  color: #ffffff !important;
}

body.mlosign-landing-active .mlosign-logo-mark {
  background: linear-gradient(145deg, #ff1d28, #9b0008) !important;
  box-shadow:
    0 16px 44px rgba(229,9,20,.42),
    inset 0 1px 0 rgba(255,255,255,.22);
}

body.mlosign-landing-active .mlosign-status-pill,
body.mlosign-landing-active .mlosign-kicker {
  background: rgba(255,255,255,.075) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 18px 48px rgba(0,0,0,.18);
}

body.mlosign-landing-active .mlosign-primary-btn {
  background: linear-gradient(135deg, #ff1722, #e50914 45%, #a00009) !important;
  box-shadow:
    0 18px 50px rgba(229,9,20,.42),
    inset 0 1px 0 rgba(255,255,255,.20);
  transform: translateZ(0);
}

body.mlosign-landing-active .mlosign-primary-btn:hover {
  filter: brightness(1.07);
}

body.mlosign-landing-active .mlosign-stats div,
body.mlosign-landing-active .mlosign-feature {
  background:
    linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.045)) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  box-shadow:
    0 28px 70px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.07);
}

body.mlosign-landing-active .mlosign-portrait-wrap {
  background:
    radial-gradient(circle at 50% 50%, rgba(255,0,18,.95), rgba(153,0,8,.90) 48%, rgba(0,0,0,.40) 70%, rgba(0,0,0,.14) 100%) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.10),
    0 0 90px rgba(229,9,20,.28),
    0 48px 110px rgba(0,0,0,.50) !important;
}

body.mlosign-landing-active .mlosign-portrait-wrap::after {
  content: "";
  position: absolute;
  inset: -7%;
  border-radius: 50%;
  pointer-events: none;
  background:
    radial-gradient(circle at 50% 50%, transparent 56%, rgba(255,255,255,.06) 57%, transparent 58%),
    radial-gradient(circle at 50% 50%, transparent 68%, rgba(229,9,20,.18) 69%, transparent 70%);
}

body.mlosign-landing-active .mlosign-doc-card {
  background: rgba(255,255,255,.94) !important;
  box-shadow:
    0 28px 80px rgba(0,0,0,.45),
    inset 0 1px 0 rgba(255,255,255,.65) !important;
}

body.mlosign-landing-active .mlosign-bg-orb-1 {
  background: radial-gradient(circle, rgba(255,0,20,.62), transparent 65%) !important;
  opacity: .70;
}

body.mlosign-landing-active .mlosign-bg-orb-2 {
  background: radial-gradient(circle, rgba(155,0,10,.70), transparent 66%) !important;
  opacity: .60;
}

/* Small premium line accent near hero */
body.mlosign-landing-active .mlosign-copy::before {
  content: "";
  display: block;
  width: 74px;
  height: 3px;
  margin-bottom: 22px;
  border-radius: 999px;
  background: linear-gradient(90deg, #ff1722, rgba(255,255,255,.42));
  box-shadow: 0 0 26px rgba(229,9,20,.55);
}

@media (max-width: 680px) {
  body.mlosign-landing-active .mlosign-wrap {
    width: min(100%, calc(100% - 28px));
  }

  body.mlosign-landing-active .mlosign-copy::before {
    margin-bottom: 16px;
  }
}


/* v1.0.7 - One continuous premium background + mouse glow */
body.mlosign-landing-active,
body.mlosign-landing-active .site,
body.mlosign-landing-active #page,
body.mlosign-landing-active #content,
body.mlosign-landing-active .site-content,
body.mlosign-landing-active .ast-container,
body.mlosign-landing-active .content-area,
body.mlosign-landing-active #primary,
body.mlosign-landing-active .site-main,
body.mlosign-landing-active article,
body.mlosign-landing-active .entry-content {
  background:
    radial-gradient(circle at 72% 44%, rgba(255,0,20,.26), transparent 28%),
    radial-gradient(circle at 20% 78%, rgba(120,0,10,.30), transparent 32%),
    radial-gradient(circle at 50% -8%, rgba(255,255,255,.045), transparent 28%),
    linear-gradient(115deg, #000000 0%, #060606 29%, #130002 55%, #2a0306 100%) !important;
  background-attachment: fixed !important;
}

/* Remove the visible vertical cut by letting the main page background show everywhere */
body.mlosign-landing-active .mlosign-landing {
  background: transparent !important;
  isolation: isolate;
}

/* Soft page-wide vignette only, not a separate rectangular background */
body.mlosign-landing-active .mlosign-landing::after {
  background:
    radial-gradient(circle at var(--mlosign-mouse-x, 50%) var(--mlosign-mouse-y, 45%), rgba(255,255,255,.115), transparent 12%),
    radial-gradient(circle at var(--mlosign-mouse-x, 50%) var(--mlosign-mouse-y, 45%), rgba(229,9,20,.18), transparent 24%),
    linear-gradient(90deg, rgba(0,0,0,.42) 0%, rgba(0,0,0,.10) 20%, transparent 45%, transparent 70%, rgba(0,0,0,.22) 100%),
    linear-gradient(180deg, rgba(255,255,255,.025), transparent 24%, rgba(0,0,0,.12)) !important;
  opacity: 1;
  transition: background .12s linear;
}

/* Extra subtle moving highlight following the cursor */
body.mlosign-landing-active .mlosign-landing::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    radial-gradient(420px circle at var(--mlosign-mouse-x, 50%) var(--mlosign-mouse-y, 50%), rgba(255,255,255,.10), transparent 38%),
    radial-gradient(620px circle at var(--mlosign-mouse-x, 50%) var(--mlosign-mouse-y, 50%), rgba(229,9,20,.14), transparent 48%);
  opacity: var(--mlosign-glow-opacity, .45);
  transition: opacity .22s ease;
}

/* Keep all real content above the mouse glow layers */
body.mlosign-landing-active .mlosign-wrap,
body.mlosign-landing-active .mlosign-bg-orb {
  position: relative;
  z-index: 3;
}


/* v1.0.8 - Astra width fix included + clickable button */
body.mlosign-landing-active .entry-content[data-ast-blocks-layout],
body.mlosign-landing-active .entry-content {
  max-width: none !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

body.mlosign-landing-active .entry-content[data-ast-blocks-layout] > *,
body.mlosign-landing-active .entry-content > .mlosign-landing {
  max-width: none !important;
  width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}

body.mlosign-landing-active .mlosign-primary-btn {
  text-decoration: none !important;
  cursor: pointer !important;
}

body.mlosign-landing-active .mlosign-primary-btn:hover,
body.mlosign-landing-active .mlosign-primary-btn:focus {
  color: #ffffff !important;
  text-decoration: none !important;
}