Dificuldade ao tentar interagir uma área de login de uma plataforma web

Eu sou novo no wordpress, é o meu primeiro site e eu trabalho numa administradora de condomínio agente possui uma plataforma que tem uma área do cliente aonde o condômino pode gerar o boleto ver a prestação de contas e etc, ai ele disponibiliza o código para você incorporar o mesmo em seu site

Incorpore o código abaixo no Head do HTML do seu site:
<script src="https://s3-sa-east-1.amazonaws.com/widgets.superlogica.net/embed.js" ></script>

Incorpore o código abaixo no Body do HTML do seu site:

<script type="text/javascript">
/*{literal}<![CDATA[*/
superlogica.require("condominios");
superlogica.condominios("areadocondomino","areaCondominio","qualific","0");
/*]]>{/literal}*/
</script>
<div id="areaCondominio"></div>

ai eu criei uma pagina no wordpress “/login” pelo plugin pagebuilder coloquei este codigo ai aparece o campo de “usuario e senha” porem ele não fica de uma forma agradavel e responsiva teria algum modo para estes campos ficarem mais responsivo?

a plataforma que agente utiliza é da superlogica ela tem um campo aonde você pode personalizar por código CSS

vou enviar alguns prints

View post on imgur.com

View post on imgur.com

A página que eu preciso de ajuda: [fazer login para ver o link]