Seu projeto parece estar caminhando pelo caminho certo, mas vamos a algumas dicas de design:

1 - O dado tem que ser em svg, na tela do pc da para ver os pixels estourando.

2 - Não sei se reparou, mas dependendo do resultado do dado, o dado muda de posição, pouco, mas perceptível.

3 - Tem muito texto, não precisa colocar que seu site roda no mobile e desktop, é um site, tem a obrigação de ser responsivo.

A parte do “Para criar um nome de usuário e sala escreva algo que tenha no mínimo 4 letras e no máximo 20”, devia ter a fonte maior, esta é a informação importante, mas o ideal, seria ter um contador de caracteres mínimos e máximo dentro do próprio formulário, com feedback visual nele mesmo em vez do alert.

E sobre a curiosidade do dado, acho melhor colocar dentro de um modal de dúvida ou em uma outra página, me parece uma informação desnecessária de se ter na página principal.

4 - Na versão mobile tem que colocar padding no body, para o texto não ficar grudado nas laterais do celular.

5 - Lembrou de colocar label no formulário? (Essa é uma dúvida minha).

6 - Recomendo criar um design no figma student, para conseguir ter o recurso de visualização modo dev, além de que é muito mais fácil de construir o design nele, onde só arrastar os elementos, do que ficar testando distâncias em rem.

Boa sorte no desenvolvimento do projeto.