Sugestão para estilização da mensagem !

Templetes > Usuario > Login.html

Inverta a ordem dos links CSS de :

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
<link rel="stylesheet" href="{% static '/styles/style.css' %}">

para :

<link rel="stylesheet" href="{% static '/styles/style.css' %}">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">

Saudações, Everton! Como vai?

Boa sugestão! Sua ideia de colocar o link do Bootstrap após o CSS local é válida quando queremos garantir que os estilos padronizados do Bootstrap prevaleçam.

Isso mostra que você entendeu bem como o navegador interpreta os estilos em cascata: ao carregar o Bootstrap por último, ele terá prioridade sobre o que foi definido anteriormente no seu style.css.

Para saber mais:

Sugestão de conteúdo para você mergulhar ainda mais sobre o tema:

[Artigo] - Bootstrap - O que é, como e quando usar?

Fico à disposição! E se precisar, conte sempre com o apoio do fórum.

Abraço e bons estudos!

Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!