Hiding header and footer causes Squarespace form to disappear (Brine)

Hi.

I'm injecting the code below to hide the header and footer on a landing page. However, it also hides all of the form (standard squarespace form) except for the submit button. Commenting out the custom sidewide CSS does not help either. Any ideas?

Template: Nueva (Brine family). URL: https://www.learnjourney.coach/free-30-minute-session

Injected code:

<style>

#footerBlocksTop, #footerBlocksMiddle, #footerBlocksBottom { 
display: none !important;
} 

.sqs-announcement-bar-custom-location {
display: none !important;
}

 .Header, .Header--top {
display: none !important;
}

 .Header-inner, .Header-inner--bottom; {
display: none !important;
}

.Header-inner, .Header-inner--bottom {
display: none !important;
}

.Footer-inner, .clear {
display: none !important;
}
</style>

Had this same issue - solved by removing ".clear" in last section.