<!DOCTYPE html>
<html>
<head>
    <title>Ballunia API Status</title>
    <style>
        body { font-family: sans-serif; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; background: #f4f4f4; }
        .card { background: white; padding: 2rem; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); text-align: center; }
        .status { color: #2ecc71; font-weight: bold; }
    </style>
</head>
<body>
    <div class="card">
        <h1>Ballunia API</h1>
        <p>Status: <span class="status">● Online</span></p>
        <p><small>Managed via Netlify Functions</small></p>
        <hr>
        <a href="https://www.ballunia.com">Return to Main Site</a>
    </div>
</body>
</html>