window.EntryScreen = ({ onEnter }) => {
    React.useEffect(() => { lucide.createIcons(); }, []);
    return (
        <div className="fixed inset-0 z-[200] bg-[#0f1115] flex items-center justify-center p-6 text-white overflow-hidden">
            <div className="relative z-10 max-w-2xl text-center">
                <h1 className="text-4xl md:text-5xl font-black mb-6 tracking-tighter uppercase text-white">
                    Orbity Lab <span className="text-transparent bg-clip-text bg-gradient-to-r from-purple-400 to-blue-400">Próximamente</span>
                </h1>
                <p className="text-gray-400 text-lg mb-10 font-light uppercase">
                    Estamos refinando la plataforma para ofrecerte herramientas de élite creativa.
                </p>
                <button onClick={onEnter} className="px-10 py-4 bg-white text-black font-black rounded-2xl hover:scale-105 transition-all mx-auto shadow-xl uppercase tracking-widest text-xs">
                    Explorar Beta
                </button>
            </div>
        </div>
    );
};