Olá José, tudo bem? Espero que sim!
Essa solução pode funcionar, mas é importante lembrar que o estilo do Bootstrap é utilizado em diversos elementos da interface, não apenas nos formulários de login e cadastro. Portanto, ao remover o estilo do Bootstrap dos outros arquivos, você pode acabar comprometendo a aparência de outros elementos do seu projeto.
Uma alternativa para resolver esse conflito de estilos é utilizar classes CSS específicas para os cards do index, de forma a evitar que o estilo do Bootstrap afete esses elementos. Por exemplo, você pode adicionar uma classe personalizada aos cards do index e definir o estilo específico para essa classe no seu arquivo CSS.
<!-- index.html -->
<div class="card card-custom">
<!-- conteúdo do card -->
</div>
/* style.css */
.card-custom {
/* estilo personalizado para os cards do index */
}
Dessa forma, você mantém o estilo do Bootstrap nos outros elementos do seu projeto, sem comprometer a aparência dos cards do index.
Se tiver mais alguma dúvida, é só me dizer!
Espero ter ajudado.
Abraços e Bons estudos!