html[data-lp-bg="creator"] body.lp-page{
  position:relative;
  isolation:isolate;
  background-image:linear-gradient(100deg,color-mix(in srgb,var(--g-bg) 96%,transparent) 0%,color-mix(in srgb,var(--g-bg) 90%,transparent) 54%,color-mix(in srgb,var(--g-bg) 82%,transparent) 100%);
  background-position:center;
  background-size:auto;
  background-repeat:no-repeat;
  background-attachment:fixed;
}
html[data-lp-bg="creator"] body.lp-page::after{
  content:"";
  position:fixed;
  z-index:0;
  right:clamp(-72px,-4vw,-28px);
  top:50%;
  width:clamp(340px,30vw,430px);
  aspect-ratio:1;
  transform:translateY(-50%);
  pointer-events:none;
  background:url('/public/cdn/img/panel/login-creator.webp') center/contain no-repeat;
  opacity:.48;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 24%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 24%,#000 100%);
}
html[data-mode="light"][data-lp-bg="creator"] body.lp-page::after{
  opacity:.18;
  filter:saturate(.78) brightness(1.12);
  -webkit-mask-image:radial-gradient(ellipse at 64% 50%,#000 0%,rgba(0,0,0,.82) 46%,transparent 76%);
  mask-image:radial-gradient(ellipse at 64% 50%,#000 0%,rgba(0,0,0,.82) 46%,transparent 76%);
}
body.lp-page .site-nav,
body.lp-page .page,
body.lp-page footer{
  position:relative;
  z-index:1;
}
body.lp-page .site-nav{
  z-index:30;
}
body.lp-page .nav-actions > .btn-outline{
  background:rgba(15,29,55,.78);
  border-color:rgba(170,196,255,.32);
  color:#f6f8ff;
}
body.lp-page .nav-actions > .btn-outline:hover{
  background:rgba(35,59,108,.94);
  border-color:rgba(170,196,255,.48);
}
body.lp-page .nav-actions > .btn-fill{
  background:linear-gradient(135deg,#f6c960,#ffe18a);
  color:#14121c;
  box-shadow:0 12px 28px rgba(246,201,96,.24);
}
html[data-mode="light"] body.lp-page .nav-actions > .btn-outline{
  background:#ffffff;
  border-color:rgba(47,111,224,.24);
  color:#15345f;
  box-shadow:0 10px 22px rgba(20,40,90,.08);
}
html[data-mode="light"] body.lp-page .nav-actions > .btn-outline:hover{
  background:#eef6ff;
  border-color:rgba(47,111,224,.38);
}
html[data-mode="light"] body.lp-page .nav-actions > .btn-fill{
  background:linear-gradient(135deg,#2f8fe0,#6d5df6);
  color:#ffffff;
  box-shadow:0 12px 28px rgba(47,111,224,.22);
}
body.lp-page .mob-menu .btn-outline{
  background:rgba(15,29,55,.86);
  border-color:rgba(170,196,255,.32);
  color:#f6f8ff;
}
body.lp-page .mob-menu .btn-fill{
  background:linear-gradient(135deg,#f6c960,#ffe18a);
  color:#14121c;
}
html[data-mode="light"] body.lp-page .mob-menu .btn-outline{
  background:#ffffff;
  color:#15345f;
  border-color:rgba(47,111,224,.24);
}
html[data-mode="light"] body.lp-page .mob-menu .btn-fill{
  background:linear-gradient(135deg,#2f8fe0,#6d5df6);
  color:#ffffff;
}
body.lp-page .lp-hero{
  max-width:min(920px,100%);
  justify-content:center;
}
body.lp-page .lp-hero-copy{
  margin-left:auto;
  margin-right:auto;
}
body.lp-page .lp-hero-actions{
  justify-content:center;
}
@media(min-width:1180px){
  body.lp-page .container-lg.lp{
    width:min(1280px,calc(100vw - 96px));
    max-width:none;
  }
  body.lp-page .lp-hero{
    width:100%;
    max-width:1240px;
  }
  body.lp-page .lp-hero-copy{
    margin-left:0;
    margin-right:0;
  }
  body.lp-page .lp-hero-actions{
    justify-content:stretch;
  }
}
@media(max-width:768px){
  html[data-lp-bg="creator"] body.lp-page{
    background-image:linear-gradient(160deg,color-mix(in srgb,var(--g-bg) 98%,transparent),color-mix(in srgb,var(--g-bg) 95%,transparent));
    background-position:center;
    background-size:auto;
    background-attachment:scroll;
  }
  html[data-lp-bg="creator"] body.lp-page::after{
    display:none;
  }
  body.lp-page .lp-hero-actions{
    grid-template-columns:1fr;
    max-width:100%;
  }
}