html,body {
  height: 100%;
  margin: 0;
  display: flex;
  flex-direction: column;
}

/* Main ocupa o espaço restante */
main {
  flex: 1 0 auto;
}

/* Footer no final, mas só se não houver conteúdo suficiente */
footer {
  flex-shrink: 0;
}
.brand-btn {
  border-radius: 12px;
  transition: all 0.2s ease-in-out;
}
.brand-btn:hover {
  background-color: #0d6efd;
  color: white;
  transform: translateY(-2px);
}