.elementor-6383 .elementor-element.elementor-element-c0e93a5{--display:flex;--min-height:310px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6383 .elementor-element.elementor-element-c0e93a5:not(.elementor-motion-effects-element-type-background), .elementor-6383 .elementor-element.elementor-element-c0e93a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-6383 .elementor-element.elementor-element-c0e93a5.e-con{--align-self:center;--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:0;}.elementor-6383 .elementor-element.elementor-element-88c0e74{--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;}.elementor-6383 .elementor-element.elementor-element-88c0e74.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-6383 .elementor-element.elementor-element-e246cef .elementor-heading-title{color:#FFFFFF;}.elementor-6383 .elementor-element.elementor-element-ceb2ed9 .hfe-site-logo-container, .elementor-6383 .elementor-element.elementor-element-ceb2ed9 .hfe-caption-width figcaption{text-align:center;}.elementor-6383 .elementor-element.elementor-element-ceb2ed9 .widget-image-caption{margin-top:0px;margin-bottom:0px;}.elementor-6383 .elementor-element.elementor-element-ceb2ed9 .hfe-site-logo-container .hfe-site-logo-img{border-style:none;}.elementor-6383 .elementor-element.elementor-element-d8e1b8a .elementor-heading-title{font-family:"Alata", Sans-serif;font-size:23px;color:#157748;}.elementor-6383 .elementor-element.elementor-element-a4d65d1 .elementor-heading-title{font-family:"Alata", Sans-serif;font-size:13px;font-weight:500;color:#157748;}.elementor-6383 .elementor-element.elementor-element-46dc553{--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;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-6383 .elementor-element.elementor-element-46dc553:not(.elementor-motion-effects-element-type-background), .elementor-6383 .elementor-element.elementor-element-46dc553 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-6383 .elementor-element.elementor-element-46dc553.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-6383 .elementor-element.elementor-element-778b6ea{text-align:center;}.elementor-6383 .elementor-element.elementor-element-778b6ea .elementor-heading-title{font-family:"FSP THICK", Sans-serif;font-size:23px;color:#157748;}.elementor-6383 .elementor-element.elementor-element-7d57f2c > .elementor-widget-container{margin:27px 27px 27px 27px;padding:29px 29px 29px 29px;border-style:solid;border-width:2px 2px 2px 2px;border-color:#0201AC;border-radius:38px 38px 38px 38px;}.elementor-6383 .elementor-element.elementor-element-fd18efa{--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;}@media(min-width:768px){.elementor-6383 .elementor-element.elementor-element-c0e93a5{--width:103.54%;}.elementor-6383 .elementor-element.elementor-element-88c0e74{--width:48.551%;}.elementor-6383 .elementor-element.elementor-element-46dc553{--width:49.992%;}.elementor-6383 .elementor-element.elementor-element-fd18efa{--width:25%;}}/* Start custom CSS for shortcode, class: .elementor-element-7d57f2c */<form method="POST">
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap');

        body {
            font-family: 'Montserrat', sans-serif;
            background-color: #f8f9fa;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            margin: 0;
        }

        .login-container {
            background: white;
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
            width: 350px;
            text-align: center;
            font-family: 'Montserrat', sans-serif;
        }

        h2 {
            color: #0201AC;
            font-weight: 600;
        }

        input {
            width: 100%;
            padding: 10px;
            margin: 10px 0;
            border: 1px solid #ccc;
            border-radius: 5px;
            font-size: 16px;
            font-family: 'Montserrat', sans-serif;
        }

        button {
            width: 100%;
            padding: 12px;
            background-color: #D9A018;
            color: white;
            border: none;
            border-radius: 5px;
            font-size: 18px;
            font-weight: 600;
            cursor: pointer;
            transition: 0.3s;
            font-family: 'Montserrat', sans-serif;
        }

        button:hover {
            background-color: #b58314; /* Darker gold */
        }

        .register {
            margin-top: 10px;
            color: #0201AC;
            text-decoration: none;
            font-weight: 600;
            display: block;
            font-family: 'Montserrat', sans-serif;
        }

        .register:hover {
            text-decoration: underline;
        }
    </style>

    <div class="login-container">
        <h2>Login</h2>
        <input type="email" name="email" placeholder="Enter your email 📧" required>
        <input type="password" name="password" placeholder="Enter your password 🔒" required>
        <button type="submit" name="webmail_login">Login</button>
        <a href="#" class="register">Forgot your password?</a>
    </div>
</form>/* End custom CSS */