Is there an easy way to have an invisble checkbox clickable using HTML and CSS?

I am creating a website that has a checkbox. I want the checkbox to be invisible, but I want users of the website to still be able to check the checkbox. Is there an easy way of doing this in html.

I want to do this for security reasons. I only want certain people to access the website. I want to deter people from being able to access the website by guessing passwords. So, I am telling the people, who will be accessing the website to click nothing right next to a textbox in order to access the website. Therefore, hackers can try all the passwords they want. However, they wont be able to access the website unless they know to click a certain place on the website. However, I want that place to be completely invisible so hackers won't think that they have to do anything with that location to access the website. I know what I am saying is very confusing. I am just telling you guys this just in case somebody decides to comment "why in the world are you trying to make an invisible element interactable?" Please, just answer my question, is it possible to easily make an invisible but interactable element using html?

Thank you.