<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Error</title>
    <style>
        html, body {
            height: 100%;
            margin: 0;
            font-family: Arial, Helvetica, sans-serif;
            background-color: #f4f6f9;
        }

        .error-wrapper {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100%;
        }

        .error-box {
            //background: #ffffff;
            padding: 30px 40px;
            border-radius: 6px;
            //box-shadow: 0 4px 12px rgba(0,0,0,0.1);
            text-align: center;
            max-width: 600px;
            width: 90%;
        }

        .error-box h1 {
            margin: 0 0 10px;
            font-size: 22px;
            color: #333;
        }

        .error-box p {
            margin: 0;
            font-size: 15px;
            color: #666;
        }
    </style>
</head>
<body>

<div class="error-wrapper">
    <div class="error-box">
        <h1>An Error Was Encountered</h1>
        <p><?php echo $message; ?></p>
    </div>
</div>

</body>
</html>
