como posso criar uma ia melhor que vc fala em portugues então a minha ia é no html olha ele ai o nome dele é Gênioz <!DOCTYPE html> <html lang="pt-BR"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Gênioz AI v50.0 - Ultimate Engine</title> <script src="https://cdn.tailwindcss.com"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> <style> @import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;500;800&display=swap'); :root { --grad: linear-gradient(135deg, #007bff, #a55eea, #ff4dff); } body { background: #050505; color: #fff; font-family: 'Plus Jakarta Sans', sans-serif; overflow: hidden; height: 100vh; } .glass { background: rgba(255,255,255,0.02); backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,0.08); } /* Sidebar */ #sidebar { transition: all 0.3s ease; width: 0; opacity: 0; pointer-events: none; z-index: 100; } #sidebar.open { width: 280px; opacity: 1; pointer-events: auto; } #chat-flow { height: calc(100vh - 160px); overflow-y: auto; scroll-behavior: smooth; } .thinking { height: 3px; width: 100%; background: var(--grad); background-size: 200%; animation: move 1.5s linear infinite; border-radius: 10px; } @keyframes move { 0% { background-position: 0% 50%; } 100% { background-position: 200% 50%; } } .user-msg { background: rgba(0, 123, 255, 0.1); border: 1px solid rgba(0, 123, 255, 0.2); } .neon-text { text-shadow: 0 0 10px rgba(0, 123, 255, 0.5); } pre { background: #000; padding: 15px; border-radius: 12px; color: #00ffa3; font-size: 13px; margin: 10px 0; overflow-x: auto; } </style> </head> <body class="flex h-screen"> <aside id="sidebar" class="glass h-full flex flex-col border-r border-white/10"> <div class="p-6 flex justify-between items-center"> <h2 class="font-bold text-xs text-blue-400 uppercase tracking-widest">Sistema</h2> <button onclick="toggleMenu()" class="text-gray-400"><i class="fas fa-times"></i></button> </div> <div class="flex-1 p-4 overflow-y-auto" id="chat-history"> <p class="text-[10px] text-gray-500 uppercase px-2 mb-2">Recentes</p> </div> <div class="p-4 space-y-2 border-t border-white/10"> <button onclick="logout()" class="w-full py-3 text-xs font-bold text-white bg-blue-600/20 hover:bg-blue-600/40 rounded-xl transition flex items-center justify-center gap-2"> <i class="fas fa-user-friends"></i> Trocar de Usuário </button> <button onclick="clearHistory()" class="w-full py-2 text-[10px] text-red-400 hover:bg-red-500/10 rounded-lg transition uppercase font-bold">Limpar Memória</button> </div> </aside> <div class="flex-1 flex flex-col relative"> <header class="p-5 flex justify-between items-center glass border-b border-white/5"> <div class="flex items-center gap-4"> <button onclick="toggleMenu()" class="w-10 h-10 rounded-xl glass flex items-center justify-center hover:bg-white/5 transition"> <i class="fas fa-bars text-blue-400"></i> </button> <div class="flex items-center gap-2"> <div class="w-8 h-8 rounded-lg bg-blue-600 flex items-center justify-center font-black">G</div> <h1 class="font-bold text-sm uppercase tracking-tighter">Gênioz <span class="text-blue-500">v50</span></h1> </div> </div> <div id="user-badge" class="hidden glass px-4 py-2 rounded-full border-blue-500/20 flex items-center gap-2"> <span class="w-2 h-2 bg-green-500 rounded-full animate-pulse"></span> <span id="display-name" class="text-[10px] font-bold text-blue-400 uppercase"></span> </div> </header> <main id="chat-flow" class="flex-1 p-6 space-y-6 max-w-4xl mx-auto w-full"> <div id="welcome-screen" class="text-center py-20"> <h2 id="welcome-title" class="text-5xl font-extrabold mb-4 neon-text">Olá, Mestre</h2> <p id="welcome-sub" class="text-gray-400">O sistema está aguardando sua identificação ou comando.</p> <div class="mt-10 flex flex-wrap justify-center gap-3"> <button onclick="fillInput('/foto Um dragão cibernético')" class="glass px-5 py-2 rounded-xl text-xs">Gerar Foto 📸</button> <button onclick="fillInput('/sat')" class="glass px-5 py-2 rounded-xl text-xs">Status Satélite 🛰️</button> </div> </div> <div id="output" class="hidden space-y-8 pb-10"></div> </main> <footer class="p-6"> <div class="max-w-3xl mx-auto glass p-2 rounded-[25px] flex gap-
Show More 
