.sign-up-page{background:var(--paper);max-width:1280px;min-height:100dvh;padding:0 40px 20px}.sign-up-page .sign-in-header{flex-shrink:0;min-height:72px}.sign-up-main{flex:1;align-items:center;padding:0;display:grid}.sign-up-invitation{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);grid-template-columns:1.05fr .95fr;width:100%;min-height:min(700px,100dvh - 112px);margin-block:auto;display:grid;overflow:hidden}.sign-up-story{background:var(--soft);min-height:0;position:relative}.sign-up-photo{position:absolute;inset:0}.sign-up-photo img{object-fit:cover;object-position:center}.sign-up-benefits{border-radius:var(--radius-card);background:var(--paper);padding:20px 24px;position:absolute;bottom:24px;left:24px}.sign-up-benefits h2{margin:0;font-size:30px;line-height:1.15}.sign-up-form{place-self:center;width:100%;max-width:460px;padding:36px 48px}.sign-up-form h1{letter-spacing:-.025em;margin-block:24px;font-size:clamp(44px,6.5dvh,62px);line-height:1.04}.sign-up-form>p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.8}.sign-up-form .magic-link-form{gap:16px;margin-top:32px}.sign-up-form .field{margin-bottom:0}.sign-up-form .magic-link-form .button{width:100%;min-height:48px}.sign-up-form .sign-in-security{align-items:center;gap:8px;margin-top:20px;font-size:11px;line-height:1.6;display:flex}.sign-up-form .sign-in-switch{margin-top:24px;font-size:12px}@media (max-width:760px){.sign-up-page{padding:0 20px 20px}.sign-up-page .sign-in-header{gap:12px;min-height:68px}.sign-up-invitation{grid-template-columns:1fr;max-width:460px;min-height:0;margin-inline:auto}.sign-up-story{display:none}.sign-up-form{padding:36px 28px}.sign-up-form h1{font-size:clamp(38px,6.5dvh,54px)}}@media (max-height:700px){.sign-up-form{padding-block:24px}.sign-up-form h1{margin-block:16px}.sign-up-form .magic-link-form{margin-top:24px}.sign-up-form .sign-in-security,.sign-up-form .sign-in-switch{margin-top:12px}}