File: /home/ezoshosting.com/ezos.hosting/index.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>Hosted by Panomity GmbH</title>
<meta name="robots" content="noindex, nofollow" />
<meta name="theme-color" content="#0b1020" />
<style>
:root {
--bg0: #070a14;
--bg1: #0b1020;
--card: rgba(255, 255, 255, .06);
--card2: rgba(255, 255, 255, .09);
--text: rgba(255, 255, 255, .92);
--muted: rgba(255, 255, 255, .66);
--muted2: rgba(255, 255, 255, .48);
--stroke: rgba(255, 255, 255, .12);
--good: #7CFFB2;
--warn: #FFD37C;
--bad: #FF7CB1;
--a: #8CE7FF;
--b: #C7A7FF;
--c: #7CFFDA;
--shadow: 0 24px 80px rgba(0, 0, 0, .55);
--radius: 22px;
--font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
}
* {
box-sizing: border-box;
}
html,
body {
height: 100%;
}
body {
margin: 0;
font-family: var(--font);
color: var(--text);
background:
radial-gradient(1200px 800px at 12% 18%, rgba(140, 231, 255, .18), transparent 55%),
radial-gradient(900px 700px at 82% 28%, rgba(199, 167, 255, .16), transparent 55%),
radial-gradient(900px 800px at 62% 86%, rgba(124, 255, 218, .12), transparent 60%),
linear-gradient(180deg, var(--bg0), var(--bg1));
overflow-x: hidden;
}
/* Subtle animated “AI noise grid” */
.grid {
position: fixed;
inset: 0;
background:
linear-gradient(to right, rgba(255, 255, 255, .06) 1px, transparent 1px),
linear-gradient(to bottom, rgba(255, 255, 255, .06) 1px, transparent 1px);
background-size: 56px 56px;
opacity: .08;
mask-image: radial-gradient(circle at 50% 30%, rgba(0, 0, 0, 1), rgba(0, 0, 0, .2) 55%, rgba(0, 0, 0, 0) 78%);
pointer-events: none;
animation: drift 18s linear infinite;
transform-origin: center;
}
@keyframes drift {
0% {
transform: translate3d(0, 0, 0) scale(1.02);
}
50% {
transform: translate3d(10px, -14px, 0) scale(1.02);
}
100% {
transform: translate3d(0, 0, 0) scale(1.02);
}
}
header {
max-width: 1100px;
margin: 0 auto;
padding: 24px 20px 0;
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
position: relative;
z-index: 2;
}
.brand {
display: flex;
align-items: center;
gap: 12px;
text-decoration: none;
color: var(--text);
}
.logo {
width: 40px;
height: 40px;
border-radius: 12px;
background:
radial-gradient(circle at 30% 30%, rgba(140, 231, 255, .95), rgba(140, 231, 255, .15) 55%, transparent 70%),
radial-gradient(circle at 72% 62%, rgba(199, 167, 255, .9), rgba(199, 167, 255, .12) 55%, transparent 70%),
rgba(255, 255, 255, .06);
border: 1px solid rgba(255, 255, 255, .14);
box-shadow: 0 10px 30px rgba(0, 0, 0, .25);
position: relative;
overflow: hidden;
}
.logo::after {
content: "";
position: absolute;
inset: -40%;
background: conic-gradient(from 140deg, rgba(140, 231, 255, .0), rgba(140, 231, 255, .22), rgba(199, 167, 255, .22), rgba(124, 255, 218, .18), rgba(140, 231, 255, .0));
animation: spin 8s linear infinite;
opacity: .9;
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}
.brand strong {
font-size: 14px;
letter-spacing: .2px;
font-weight: 650;
}
.brand small {
display: block;
font-size: 12px;
color: var(--muted2);
margin-top: 2px;
letter-spacing: .2px;
}
.pill {
display: flex;
align-items: center;
gap: 10px;
padding: 10px 12px;
border-radius: 999px;
background: rgba(255, 255, 255, .06);
border: 1px solid rgba(255, 255, 255, .12);
color: var(--muted);
font-size: 12px;
line-height: 1;
white-space: nowrap;
user-select: none;
}
.dot {
width: 8px;
height: 8px;
border-radius: 999px;
background: var(--good);
box-shadow: 0 0 0 5px rgba(124, 255, 178, .13);
animation: pulse 1.6s ease-in-out infinite;
}
@keyframes pulse {
0%,
100% {
transform: scale(1);
opacity: .9;
}
50% {
transform: scale(1.14);
opacity: 1;
}
}
main {
max-width: 1100px;
margin: 0 auto;
padding: 26px 20px 46px;
display: flex;
flex-direction: column;
align-items: center;
position: relative;
z-index: 2;
}
.card {
background: linear-gradient(180deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .05));
border: 1px solid rgba(255, 255, 255, .12);
border-radius: var(--radius);
box-shadow: var(--shadow);
overflow: hidden;
position: relative;
width: 100%;
max-width: 800px;
text-align: center;
padding: 60px 20px;
}
.card::before {
content: "";
position: absolute;
inset: -2px;
background: radial-gradient(700px 280px at 22% 12%, rgba(140, 231, 255, .22), transparent 60%),
radial-gradient(640px 260px at 72% 18%, rgba(199, 167, 255, .18), transparent 62%),
radial-gradient(700px 280px at 44% 110%, rgba(124, 255, 218, .12), transparent 60%);
opacity: .95;
pointer-events: none;
filter: blur(0px);
}
.card>* {
position: relative;
z-index: 1;
}
h1 {
margin: 0 0 20px;
font-size: clamp(34px, 5vw, 64px);
letter-spacing: -1px;
line-height: 1.05;
background: linear-gradient(135deg, #fff 30%, rgba(255, 255, 255, 0.7));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.sub {
margin: 0 auto 30px;
color: var(--muted);
font-size: 18px;
line-height: 1.6;
max-width: 50ch;
}
.btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
padding: 14px 24px;
border-radius: 14px;
text-decoration: none;
font-weight: 650;
font-size: 16px;
border: 1px solid rgba(255, 255, 255, .14);
background: rgba(255, 255, 255, .08);
color: rgba(255, 255, 255, .92);
transition: transform .12s ease, background .12s ease, border-color .12s ease;
user-select: none;
}
.btn:hover {
transform: translateY(-1px);
background: rgba(255, 255, 255, .10);
border-color: rgba(255, 255, 255, .22);
}
.btn:active {
transform: translateY(0px) scale(.99);
}
.btn.primary {
background: linear-gradient(135deg, rgba(140, 231, 255, .22), rgba(199, 167, 255, .18), rgba(124, 255, 218, .14));
border-color: rgba(255, 255, 255, .22);
}
footer {
max-width: 1100px;
margin: 40px auto 0;
padding: 0 20px 26px;
color: rgba(255, 255, 255, .50);
font-size: 12px;
position: relative;
z-index: 2;
text-align: center;
}
.status-badge {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 6px 12px;
border-radius: 20px;
background: rgba(124, 255, 178, 0.1);
border: 1px solid rgba(124, 255, 178, 0.2);
color: var(--good);
font-size: 13px;
font-weight: 600;
margin-bottom: 20px;
}
</style>
</head>
<body>
<div class="grid" aria-hidden="true"></div>
<header>
<a class="brand" href="https://panomity.com" aria-label="Panomity GmbH">
<div class="logo" aria-hidden="true"></div>
<div>
<strong>Panomity GmbH</strong>
<small>Premium Hosting Services</small>
</div>
</a>
<div class="pill" role="status" aria-live="polite">
<span class="dot" aria-hidden="true"></span>
<span>System Status: <b>Online</b></span>
</div>
</header>
<main>
<section class="card">
<div class="status-badge">
<span style="font-size:16px">✨</span> Hosted by Panomity
</div>
<h1>Welcome to your<br>new website.</h1>
<p class="sub">
This domain is successfully hosted by Panomity GmbH. The site owner hasn't uploaded any content yet, but
great things are coming soon.
</p>
<div>
<a class="btn primary" href="https://panomity.com">
<span>🌐</span>
Visit Panomity.com
</a>
<a class="btn" href="https://support.panomity.com">
<span>🛠️</span>
Support Portal
</a>
</div>
</section>
</main>
<footer>
<div>© <span id="year"></span> Panomity GmbH • High Performance Hosting</div>
</footer>
<script>
(function () {
// Set current year
document.getElementById("year").textContent = new Date().getFullYear();
})();
</script>
</body>
</html>