.registration-page{container-type:inline-size}.registration-content{width:100%;min-width:0}.registration-content>div{max-width:none}.registration-content h1{font-size:clamp(2rem,4vw,2.75rem);line-height:1.2;text-wrap:balance}.registration-content>p{margin-inline:0;font-size:1rem;line-height:1.75}.registration-page form{text-align:left}.registration-page form h2{line-height:1.4}.registration-page button{min-height:3rem;line-height:1.5}.registration-page form button{padding-block:.75rem}.registration-page :is(a,button):focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.registration-page [tabindex="-1"]{scroll-margin-top:9rem}.registration-page .text-\[11px\],.registration-page .text-xs{font-size:.8125rem;line-height:1.6}.registration-page [role=status] .flex.justify-between{gap:.75rem;flex-wrap:wrap;overflow-wrap:anywhere}@container (max-width: 20rem){.registration-page form .flex.gap-3.pt-1{flex-wrap:wrap}.registration-page form .flex.gap-3.pt-1>button{width:100%;flex-basis:100%}}@media (prefers-reduced-motion:reduce){.registration-page *{transition:none!important;animation:none!important}}.registration-page{overflow-wrap:anywhere}@container (max-width: 16rem){.registration-page button:has(.text-left){flex-wrap:wrap;gap:.75rem;padding:1rem}.registration-page button:has(.text-left)>.text-left{flex:1 1 100%;order:1}}