<!DOCTYPE html>
<html lang="en">
    <head>
        <title>500 &middot; VPS</title>
        <meta charset="utf-8">
        <meta content="width=device-width,initial-scale=1.0,minimum-scale=1.0" name="viewport">
        <meta name="robots" content="noindex, nofollow">
        <meta name="googlebot" content="noindex, nofollow">
        <style>
        
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            }

          
        .icon-container {
            margin: 0 auto 1.5rem;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        
        .icon {
            max-width: 180px;
            height: auto;
            border-radius: 50%;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            border: 3px solid transparent;
        }
        
        .icon:hover {
            transform: scale(1.03);
            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
        }

            .mwangaza {
                background: linear-gradient(45deg,#ff9966,#fcab82 50%,#253340);
                filter: blur(20vh)
            }

            *,:after,:before {
                border-color: var(--vps-default-border-color,#e5e7eb);
                border-style: solid;
                border-width: 0;
                box-sizing: border-box
            }

            :after,:before {
                --vps-content: ""
            }

            html {
                line-height: 1.5;
                -webkit-text-size-adjust: 100%;
                font-family: "Google Sans Text",ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
                font-feature-settings: normal;
                font-variation-settings: normal;
                -moz-tab-size: 4;
                tab-size: 4;
                -webkit-tap-highlight-color: transparent
            }

            body {
                line-height: inherit;
                margin: 0
            }

            h1 {
                font-size: inherit;
                font-weight: inherit;
                color: LightSalmon
            }

            h1,p {
                margin: 0
            }

            *,:after,:before {
                --vps-rotate: 0;
                --vps-rotate-x: 0;
                --vps-rotate-y: 0;
                --vps-rotate-z: 0;
                --vps-scale-x: 1;
                --vps-scale-y: 1;
                --vps-scale-z: 1;
                --vps-skew-x: 0;
                --vps-skew-y: 0;
                --vps-translate-x: 0;
                --vps-translate-y: 0;
                --vps-translate-z: 0;
                --vps-pan-x: ;
                --vps-pan-y: ;
                --vps-pinch-zoom: ;
                --vps-scroll-snap-strictness: proximity;
                --vps-ordinal: ;
                --vps-slashed-zero: ;
                --vps-numeric-figure: ;
                --vps-numeric-spacing: ;
                --vps-numeric-fraction: ;
                --vps-border-spacing-x: 0;
                --vps-border-spacing-y: 0;
                --vps-ring-offset-shadow: 0 0 transparent;
                --vps-ring-shadow: 0 0 transparent;
                --vps-shadow-inset: ;
                --vps-shadow: 0 0 transparent;
                --vps-ring-inset: ;
                --vps-ring-offset-width: 0px;
                --vps-ring-offset-color: #fff;
                --vps-ring-width: 0px;
                --vps-ring-color: rgba(147,197,253,.5);
                --vps-blur: ;
                --vps-brightness: ;
                --vps-contrast: ;
                --vps-drop-shadow: ;
                --vps-grayscale: ;
                --vps-hue-rotate: ;
                --vps-invert: ;
                --vps-saturate: ;
                --vps-sepia: ;
                --vps-backdrop-blur: ;
                --vps-backdrop-brightness: ;
                --vps-backdrop-contrast: ;
                --vps-backdrop-grayscale: ;
                --vps-backdrop-hue-rotate: ;
                --vps-backdrop-invert: ;
                --vps-backdrop-opacity: ;
                --vps-backdrop-saturate: ;
                --vps-backdrop-sepia:
            }

            .fixed {
                position: fixed
            }

            .-bottom-1\/2 {
                bottom: -50%
            }

            .left-0 {
                left: 0
            }

            .right-0 {
                right: 0
            }

            .grid {
                display: grid
            }

            .mb-16 {
                margin-bottom: 4rem
            }

            .mb-8 {
                margin-bottom: 2rem
            }

            .h-1\/2 {
                height: 50%
            }

            .max-w-520px {
                max-width: 520px
            }

            .min-h-screen {
                min-height: 100vh
            }

            .place-content-center {
                place-content: center
            }

            .overflow-hidden {
                overflow: hidden
            }

            .bg-white {
                --vps-bg-opacity: 1;
                background-color: rgb(255 255 255/var(--vps-bg-opacity))
            }

            .px-8 {
                padding-left: 2rem;
                padding-right: 2rem
            }

            .text-center {
                text-align: center
            }

            .text-8xl {
                font-size: 6rem;
                line-height: 1
            }

            .text-xl {
                font-size: 1.25rem;
                line-height: 1.75rem
            }

            .text-black {
                --vps-text-opacity: 1;
                color: rgb(0 0 0/var(--vps-text-opacity))
            }

            .font-light {
                font-weight: 300
            }

            .font-medium {
                font-weight: 500
            }

            .leading-tight {
                line-height: 1.25
            }

            .font-sans {
                font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji
            }

            .antialiased {
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale
            }

            @media (prefers-color-scheme: dark) {
                .dark\:bg-black {
                    --vps-bg-opacity:1;
                    background-color: rgb(0 0 0/var(--vps-bg-opacity))
                }

                .dark\:text-white {
                    --vps-text-opacity: 1;
                    color: rgb(255 255 255/var(--vps-text-opacity))
                }
            }

            @media (min-width: 640px) {
                .sm\:px-0 {
                    padding-left:0;
                    padding-right: 0
                }

                .sm\:text-4xl {
                    font-size: 2.25rem;
                    line-height: 3.0rem
                }
            }
        </style>
    </head>
    <body class="antialiased bg-white dark:bg-black dark:text-white font-sans grid min-h-screen overflow-hidden place-content-center text-black">
        <div class="-bottom-1/2 fixed h-1/2 left-0 right-0 mwangaza"></div>
        
        <div class="icon-container">
                <!-- Using a placeholder image, replace with Enomhost's own -->
                <img src="https://media.enomhost.africa/imgs/Logo-icon-alpha_680.png"
                     alt="Enomhost Africa" class="icon">
            </div>

        <div class="max-w-520px text-center">
            <h1 class="font-medium mb-8 sm:text-10xl text-8xl">Oops!</h1>
            <p class="font-light leading-tight mb-16 px-8 sm:px-0 sm:text-4xl text-xl">This page is unavailable publicly. That's all we know. <br> Don't Look Any Further.</p>
        </div>

        <script>
            !function() {
                const e = document.createElement("link").relList;
                if (!(e && e.supports && e.supports("modulepreload"))) {
                    for (const e of document.querySelectorAll('link[rel="modulepreload"]'))
                        r(e);
                    new MutationObserver((e => {
                        for (const o of e)
                            if ("childList" === o.type)
                                for (const e of o.addedNodes)
                                    "LINK" === e.tagName && "modulepreload" === e.rel && r(e)
                    }
                    )).observe(document, {
                        childList: !0,
                        subtree: !0
                    })
                }
                function r(e) {
                    if (e.ep)
                        return;
                    e.ep = !0;
                    const r = function(e) {
                        const r = {};
                        return e.integrity && (r.integrity = e.integrity),
                        e.referrerPolicy && (r.referrerPolicy = e.referrerPolicy),
                        "use-credentials" === e.crossOrigin ? r.credentials = "include" : "anonymous" === e.crossOrigin ? r.credentials = "omit" : r.credentials = "same-origin",
                        r
                    }(e);
                    fetch(e.href, r)
                }
            }();
        </script>
        <script>
       // noContextMenu

       document.oncontextmenu = function() {
       return false;
       }
    </script>
    </body>
</html>