<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CDN Edge Node Status</title>
    <style>
        :root { --bg: #0d1117; --card: #161b22; --border: #30363d; --text: #c9d1d9; }
        body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; background: var(--bg); color: var(--text); display: flex; align-items: center; justify-content: center; height: 100vh; margin: 0; }
        .card { background: var(--card); border: 1px solid var(--border); border-radius: 12px; padding: 32px; max-width: 480px; width: 90%; box-shadow: 0 10px 30px rgba(0,0,0,0.5); text-align: center; }
        .status-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(46, 160, 67, 0.15); color: #3fb950; border: 1px solid rgba(46, 160, 67, 0.4); padding: 6px 14px; border-radius: 20px; font-size: 14px; font-weight: 600; margin-bottom: 20px; }
        .dot { width: 8px; height: 8px; background: #3fb950; border-radius: 50%; box-shadow: 0 0 8px #3fb950; }
        h1 { margin: 0 0 10px; font-size: 24px; color: #fff; }
        p { color: #8b949e; margin: 0 0 24px; font-size: 14px; line-height: 1.5; }
        .info { background: #0d1117; border: 1px solid var(--border); border-radius: 8px; padding: 12px; text-align: left; font-family: monospace; font-size: 13px; color: #58a6ff; }
        .info-item { display: flex; justify-content: space-between; margin-bottom: 6px; }
        .info-item:last-child { margin-bottom: 0; }
        .info-label { color: #8b949e; }
    </style>
</head>
<body>
    <div class="card">
        <div class="status-badge"><span class="dot"></span> CDN Node Operational</div>
        <h1>Content Cache Edge</h1>
        <p>This edge server is active and routing requests to origin services.</p>
        <div class="info">
            <div class="info-item"><span class="info-label">Domain:</span> <span>cdn.ya.frdsecure.co.uk</span></div>
            <div class="info-item"><span class="info-label">Protocol:</span> <span>HTTP/2 SSL</span></div>
            <div class="info-item"><span class="info-label">Status:</span> <span>200 OK</span></div>
        </div>
    </div>
</body>
</html>