.auth-screen{--blue:#234bbb;background:var(--paper);place-items:center;min-height:100svh;padding:24px 16px;display:grid}body:has(.auth-screen) .skip-link{inset-inline-start:16px}.auth-screen :focus-visible{outline-color:var(--blue)}.auth-panel{width:min(100%,420px);padding:clamp(22px,5vw,36px)}.auth-logo{margin:0 auto 16px;display:block}.auth-panel h1{letter-spacing:-.025em;text-align:center;margin-bottom:8px;font-size:24px;line-height:1.25}.auth-form,.auth-recovery{gap:18px;display:grid}.auth-form .field{margin:0;font-size:14px;font-weight:600}.auth-form .field input{border-color:#8793a4;min-height:46px;font-size:16px}.auth-identifier{grid-template-columns:minmax(0,1fr) auto;align-items:center;margin-top:8px;display:grid}.auth-identifier input{grid-area:1/1/2/-1;margin:0}.auth-identifier:has(.auth-passkey) input{padding-right:48px}.auth-passkey{display:contents}.auth-passkey button{grid-area:1/2;width:44px;padding:0}.auth-passkey p{color:var(--ink);grid-column:1/-1;font-weight:400}.auth-panel .form-error{margin:0}.auth-panel .button-primary{min-height:46px;font-size:14px}.auth-recovery-link{min-height:44px;color:var(--blue);text-underline-offset:3px;align-content:center;justify-self:center;font-size:14px;font-weight:600;text-decoration:underline}.auth-recovery p{line-height:1.65}