Olá, Gabriel! Tudo certo?
Essa forma menor e diferente da mostrada na aula, informa que essas tags estão sem ou quase sem as configurações CSS do projeto. Como as mesmas estão vindo do arquivo "bootstrap.css", você deve se certificar que está importando a mesma corretamente no arquivo "login.html" e aplicando nas tags corretas. Veja o exemplo abaixo:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Jogoteca</title>
<link rel="stylesheet" href="{{ url_for('static', filename='bootstrap.css') }}">
</head>
<body>
<div class="container">
{% with messages = get_flashed_messages() %}
{% if messages %}
<ul id="messages" class="list-unstyled">
{% for message in messages %}
<li class="alert alert-success">{{ message }}</li>
{% endfor %}
</ul>
{% endif %}
{% endwith %}
<h1>Faça seu login</h1>
<form method="POST" action="{{ url_for('autenticar') }}">
<input type="hidden" name="proxima" value="{{ proxima or url_for('index') }}">
{{ form.csrf_token() }}
<div class="form-group">
{{ form.nickname.label(class="form-label") }}
{{ form.nickname(class="form-control") }}
</div>
<div class="form-group">
{{ form.senha.label(class="form-label") }}
{{ form.senha(class="form-control") }}
</div>
<div class="form-group">
{{ form.login(class="btn btn-primary") }}
</div>
</form>
<a class="btn btn-danger" href="{{ url_for('index') }}">Voltar</a>
</div>
</body>
</html>
Verifique se todas as chamadas de classe nesse exemplo estão presentes na página de login do seu projeto.
Espero ter ajudado e bons estudos!
Deu Certo Obrigadoo copiei e colei obrigado !