.layout-sign-up{--site-max-width: 1440px;--content-max-width: 1440px;--pad-lr: max(6.4em, 5cqw);font-size:clamp(.8rem,2cqw,1em);color-scheme:light;background:#fff}.layout-sign-up>article{display:grid;grid:auto / 1fr 2fr;height:100dvh}.layout-sign-up>article>.content{width:100%;display:grid;grid:auto 1fr / 1fr;justify-self:center;padding:10em var(--pad-lr)}.layout-sign-up>article>.content>header,.layout-sign-up>article>.content>.slot{width:max(30rem,46.4em);justify-self:center}.layout-sign-up>article>.content>header .jp-logo{justify-self:center;position:relative;width:152px;aspect-ratio:19 / 4}.layout-sign-up>article>.content>.slot{display:grid;grid:auto / 1fr;gap:4em;align-content:center}.layout-sign-up>article>.content>.slot h1,.layout-sign-up>article>.content>.slot p,.layout-sign-up>article>.content>.slot sub,.layout-sign-up>article>.content>.slot span,.layout-sign-up>article>.content>.slot sup{text-align:center}.layout-sign-up>article>.content>.slot>h1{font-size:max(3.2rem,5.6em);font-weight:900;color:var(--clr-metal-950)}.layout-sign-up>article>.content>.slot>p{font-size:1.8rem;color:var(--clr-metal-900)}.layout-sign-up>article>.content>.slot>sup{font-size:max(1.6rem,1.8em);color:var(--clr-metal-900)}.layout-sign-up>article>.content>.slot>span{font-size:max(1.5rem,1.6em);color:var(--clr-metal-950)}.layout-sign-up>article>.content>.slot .flow.col{display:flex;flex-flow:column;gap:2.4em}.layout-sign-up>article>.content>.slot .flow.col>sub{font-size:max(1.5rem,1.6em);color:var(--clr-metal-700)}.layout-sign-up>article>aside{margin:16px 16px 16px 0;border-radius:16px}.layout-sign-up>article>aside.login{background:var(--clr-metal-100) url(https://cdn.joypixels.com/web-app/assets/auth/login.png) no-repeat -91px/cover}.layout-sign-up>article>aside.signup{background:var(--clr-metal-100) url(https://cdn.joypixels.com/web-app/assets/auth/register.jpg) no-repeat -91px/cover}.layout-sign-up>footer{box-shadow:0 -12px 59.8px #00000014;height:30vh}@container (width <= 800px){.layout-sign-up{--pad-lr: 16px}.layout-sign-up>article{grid:auto / 1fr 0}}