<html lang="en">
<head>
</head>
<body>

<meta charset="utf-8">
<title>
Coming Soon
</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<style>
:root {
--bg : #0f172a;
--card : #111827;
--text : #e5e7eb;
--muted : #9ca3af;
--accent : #38bdf8;
}
* {
box-sizing : border-box;
margin : 0;
padding : 0;
font-family : system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
body {
min-height : 100vh;
background : radial-gradient(1200px 600px at 50% -10%, #1e293b, var(--bg));
color : var(--text);
display : flex;
align-items : center;
justify-content : center;
padding : 20px;
}
.container {
background : linear-gradient(180deg, #111827, #0b1220);
border-radius : 16px;
padding : 48px 40px;
max-width : 520px;
width : 100%;
text-align : center;
box-shadow : 0 20px 40px rgba(0, 0, 0, 0.4),
inset 0 1px 0 rgba(255, 255, 255, 0.05);
}
h1 {
font-size : 2.5rem;
margin-bottom : 16px;
letter-spacing : 0.02em;
}
.accent {
color : var(--accent);
}
p {
font-size : 1.05rem;
line-height : 1.6;
color : var(--muted);
margin-bottom : 32px;
}
.divider {
width : 60px;
height : 4px;
background : linear-gradient(90deg, transparent, var(--accent), transparent);
margin : 0 auto 32px auto;
border-radius : 2px;
}
.footer {
font-size : 0.85rem;
color : #6b7280;
margin-top : 24px;
}
@media (max-width: 480px) {
h1 {
font-size : 2rem;
}
.container {
padding : 36px 24px;
}
}
</style>
<div class="container">
<h1>
ð§
<span class="accent">
Coming Soon
</span>
</h1>
<div class="divider">
</div>
<p>
This site is currently undergoing a rebuild.
<br>
Weâre working behind the scenes to bring you something better.
</p>
<p>
Please check back shortly.
</p>
<div class="footer">
© 2026 â All rights reserved
</div>
</div>
</body>
</html>