.elementor-515 .elementor-element.elementor-element-a181774{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for container, class: .elementor-element-a181774 */<!DOCTYPE html>
<html>
<head>
<style>
body { font-family: Arial; }
.login-box {
width: 300px;
padding: 20px;
border: 1px solid #ccc;
}
</style>
</head>
<body>
<div class="login-box">
<h3>Login</h3>
<input type="text" id="username" placeholder="Username"><br><br>
<input type="password" id="password" placeholder="Password"><br><br>
<button onclick="login()">Login</button>
</div>
<script>
function login() {
const user = document.getElementById("username").value;
const pass = document.getElementById("password").value;
alert("Login attempted for " + user);
}
</script>
</body>
</html>/* End custom CSS */