
        <!DOCTYPE html>
        <html lang="es">
        <head>
            <meta charset="UTF-8">
            <title>Skalling Workspace</title>
            <style>
                body { background: #0f0f0f; color: #e0e0e0; font-family: -apple-system, sans-serif; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100vh; margin: 0; }
                h1 { color: #fff; margin-bottom: 30px; font-weight: 300; }
                .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; width: 80%; max-width: 900px; }
                .card { background: #1e1e1e; padding: 30px; border-radius: 12px; text-decoration: none; color: inherit; text-align: center; border: 1px solid #333; transition: all 0.3s; }
                .card:hover { background: #252525; border-color: #007acc; transform: translateY(-5px); }
                .card.opencode { border-left: 5px solid #ff3e00; }
                .card.vscode { border-left: 5px solid #007acc; }
                .card.git { border-left: 5px solid #f05032; }
                span { display: block; margin-top: 10px; font-size: 0.9em; color: #888; }
            </style>
        </head>
        <body>
            <h1>Skalling Ultimate Workstation</h1>
            <div class="grid">
                <a href="/opencode/" class="card opencode"><strong>OpenCode Web</strong><span>AI IDE con IA integrada</span></a>
                <a href="/vscode/" class="card vscode"><strong>VS Code Server</strong><span>Editor estándar de industria</span></a>
                <a href="/git/" class="card git"><strong>Git Web</strong><span>Visor de repositorios local</span></a>
            </div>
        </body>
        </html>