<!DOCTYPE html>
		<html lang="en">
		<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>Under Maintenance</title>
		<style>
		* { box-sizing: border-box; margin: 0; padding: 0; }
		body {
			font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
			min-height: 100vh;
			display: flex;
			align-items: center;
			justify-content: center;
			background: linear-gradient(135deg, #f6f8fb 0%, #e7ecf3 100%);
			color: #2d3748;
			padding: 24px;
		}
		.card {
			background: #ffffff;
			max-width: 460px;
			width: 100%;
			text-align: center;
			padding: 48px 40px;
			border-radius: 16px;
			box-shadow: 0 12px 40px rgba(45, 55, 72, 0.08);
		}
		.icon { width: 52px; height: 52px; margin: 0 auto 24px; color: #5a6b82; }
		h1 { font-size: 1.5rem; font-weight: 600; color: #1a202c; margin-bottom: 12px; }
		p { font-size: 1rem; line-height: 1.6; color: #718096; }
		.dots { display: flex; justify-content: center; gap: 6px; margin-top: 28px; }
		.dots span {
			width: 8px; height: 8px; border-radius: 50%;
			background: #cbd5e0; animation: pulse 1.4s ease-in-out infinite;
		}
		.dots span:nth-child(2) { animation-delay: 0.2s; }
		.dots span:nth-child(3) { animation-delay: 0.4s; }
		@keyframes pulse {
			0%, 60%, 100% { opacity: 0.3; transform: translateY(0); }
			30% { opacity: 1; transform: translateY(-4px); }
		}
		</style>
		</head>
		<body>
		<div class="card">
		<svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
		<path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"></path>
		</svg>
		<h1>We will be back shortly</h1>
		<p>The site is down for scheduled maintenance. Thanks for your patience. Please check back soon.</p>
		<div class="dots"><span></span><span></span><span></span></div>
		</div>
		</body>
		</html>