<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Website Under Maintenance</title>
    <style>
        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            background-color: #000000;
            color: #ffffff;
            margin: 0;
            padding: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }
        .error-container {
            text-align: center;
        }
        .error-icon {
            width: 80px;
            height: 80px;
            stroke: red;
            stroke-width: 2;
            stroke-linecap: round;
            stroke-linejoin: round;
        }
        .error-title {
            font-size: 22px;
            margin-bottom: 10px;
        }
        .error-message {
            font-size: 16px;
            color: #adb5bd;
        }
    </style>
</head>
<body>
    <div class="error-container">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="error-icon">
            <path d="M21.73 18l-8-14a2 2 0 0 0-3.48 0l-8 14a2 2 0 0 0 1.73 3H20a2 2 0 0 0 1.73-3z"></path>
            <line x1="12" y1="9" x2="12" y2="13"></line>
            <circle cx="12" cy="17" r="1" fill="red" stroke="red" stroke-width="1"></circle>
        </svg>
        <h1 class="error-title">Website Under Maintenance</h1>
        <p class="error-message">This website is currently under maintenance. Please try again later.</p>
    </div>
</body>
</html>
