[Front-end] Por que separar CSS de HTML

Boa tarde Wellington.
Por uma questão de boas práticas nós separamos.

Quando temos apenas uma página, parece ser um esforço desnecessário.
Mas pense em projetos maiores, com várias páginas.
É muito melhor e muito mais prático ter todas as configurações de formatação em um único arquivo que possa ser reutilizado por todas as páginas, do que sair repetindo esse trecho de código (CSS) em todas elas.

Grande abraço

Isso mesmo, conforme o Luiz falou, a manutenção numa página que não está separada do css (tanto o inline quanto o incorporado) pode ficar muito ruim. É aconselhável a usar o css externo, num arquivo que será reutilizado nas páginas que você chamar