/* EasyPrint Sign Up layout-only update. No auth/validation changes. */
/* Desktop: mirrored Sign In layout -- artwork left, registration right. */
@media (min-width: 891px) {
  html.ep-signup-v3.ep-signup-v4 .auth-page {
    display:grid!important;
    grid-template-columns:minmax(0,57%) minmax(0,43%)!important;
    align-items:stretch!important;
    gap:0!important;
  }
  html.ep-signup-v3.ep-signup-v4 .auth-page > .ep-signup-showcase {
    grid-column:1!important;
    grid-row:1!important;
    min-width:0!important;
    width:100%!important;
    margin:0!important;
    align-self:stretch!important;
    box-sizing:border-box!important;
  }
  html.ep-signup-v3.ep-signup-v4 .auth-page > .signup-card {
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    align-self:stretch!important;
    box-sizing:border-box!important;
    /* Override any earlier left-side width calculation. */
    padding-left:clamp(22px,calc((43vw - 378px)/2),90px)!important;
    padding-right:clamp(22px,calc((43vw - 378px)/2),90px)!important;
    box-shadow:inset 1px 0 0 rgba(60,139,179,.12)!important;
  }
  html.ep-signup-v3.ep-signup-v4 .signup-card > :not(script) {
    max-width:378px!important;
  }
}
/* Mobile/tablet: show ONLY the white signup form, same approach as Sign In. */
@media (max-width: 890px) {
  html.ep-signup-v3.ep-signup-v4,
  html.ep-signup-v3.ep-signup-v4 body {
    width:100%!important;
    max-width:100%!important;
    min-height:100%!important;
    height:auto!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    background:#fff!important;
  }
  html.ep-signup-v3.ep-signup-v4 .auth-page {
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-height:100svh!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    background:#fff!important;
  }
  html.ep-signup-v3.ep-signup-v4 .auth-page > .ep-signup-showcase,
  html.ep-signup-v3.ep-signup-v4 .ep-signup-showcase {
    display:none!important;
  }
  html.ep-signup-v3.ep-signup-v4 .auth-page > .signup-card {
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    width:100%!important;
    max-width:100%!important;
    min-height:100svh!important;
    height:auto!important;
    margin:0!important;
    padding:110px clamp(20px,5.5vw,38px) 44px!important;
    background:#fff!important;
    box-shadow:none!important;
    border:0!important;
    border-radius:0!important;
    overflow:visible!important;
    animation:none!important;
  }
  html.ep-signup-v3.ep-signup-v4 .signup-card > :not(script) {
    width:100%!important;
    max-width:520px!important;
    box-sizing:border-box!important;
  }
  html.ep-signup-v3.ep-signup-v4 .signup-card .name-row {
    grid-template-columns:1fr!important;
  }
  /* Home must not follow the user over input fields while scrolling. */
  html.ep-signup-v3.ep-signup-v4 .back-btn {
    position:absolute!important;
    top:20px!important;
    left:clamp(20px,5.5vw,38px)!important;
    right:auto!important;
    z-index:50!important;
  }
  html.ep-signup-v3.ep-signup-v4 .side-decor,
  html.ep-signup-v3.ep-signup-v4 .auth-play-visual {
    display:none!important;
  }
}