LigaHub - A Plataforma Definitiva de eSports<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <style>\r\n body { background-color: #05020A; color: #d1d5db; font-family: sans-serif; overflow-x: hidden; }\r\n .perspective-1200 { perspective: 1200px; }\r\n .rotate-y-minus-6 { transform: rotateY(-6deg) rotateX(4deg); transition: transform 0.7s ease; }\r\n .hover-reset:hover { transform: rotateY(0) rotateX(0); }\r\n \r\n \/* Otimiza\u00e7\u00e3o de scroll suave *\/\r\n html { scroll-behavior: smooth; }\r\n <\/style>\r\n<\/head>\r\n<body class=\"selection:bg-purple-600\/30 selection:text-white\">\r\n\r\n \r\n <div class=\"fixed inset-0 pointer-events-none z-0 bg-[linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0)_50%,rgba(0,0,0,0.2)_50%,rgba(0,0,0,0.2))] bg-[length:100%_4px] opacity-[0.1]\"><\/div>\r\n\r\n \r\n <nav class=\"fixed top-4 w-full z-50 px-4 sm:px-6\">\r\n <div class=\"max-w-7xl mx-auto h-14 bg-[#0A0514]\/70 backdrop-blur-2xl border border-purple-500\/20 rounded-xl flex justify-between items-center px-5 shadow-[0_10px_30px_rgba(0,0,0,0.3)]\">\r\n \r\n \r\n <div class=\"flex items-center gap-2 group cursor-pointer\">\r\n \r\n <img decoding=\"async\" src=\"3d Branco.png\" alt=\"LigaHub Logo\" class=\"w-8 h-8 sm:w-10 sm:h-10 object-contain group-hover:scale-110 transition-transform drop-shadow-[0_0_10px_rgba(168,85,247,0.8)]\" \/>\r\n <span class=\"text-white font-black tracking-widest text-xs uppercase hidden sm:block\">LigaHub<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"hidden md:flex items-center gap-6 text-[10px] font-bold tracking-widest uppercase text-gray-400\">\r\n <a href=\"#plataforma\" class=\"hover:text-purple-400 transition-colors\">A Plataforma<\/a>\r\n <a href=\"#recursos\" class=\"hover:text-purple-400 transition-colors\">Ecossistema<\/a>\r\n <a href=\"#ligaai\" class=\"hover:text-fuchsia-400 flex items-center gap-1.5 transition-colors\">\r\n <svg class=\"w-3 h-3\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z\"\/><\/svg>\r\n LigaAI\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"flex items-center gap-3\">\r\n <button class=\"hidden sm:block text-[10px] font-bold tracking-widest text-gray-400 hover:text-white transition-colors uppercase\">Login<\/button>\r\n <button class=\"px-4 py-1.5 border border-purple-500\/50 text-white font-bold text-[10px] tracking-widest uppercase bg-purple-600\/10 hover:bg-purple-600 hover:border-purple-600 transition-all duration-300 rounded-lg shadow-lg\">Entrar no Hub<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/nav>\r\n\r\n \r\n <section id=\"plataforma\" class=\"relative min-h-screen flex items-center pt-24 pb-16 lg:pt-0 lg:pb-0 overflow-hidden\">\r\n \r\n \r\n <div class=\"absolute top-1\/2 left-[60%] -translate-y-1\/2 -translate-x-1\/2 pointer-events-none z-0\">\r\n <svg class=\"w-[500px] h-[500px] md:w-[700px] md:h-[700px] text-purple-600 opacity-[0.03] transform -rotate-12 mix-blend-screen\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 9H4.5a2.5 2.5 0 0 1 0-5H6\"\/><path d=\"M18 9h1.5a2.5 2.5 0 0 0 0-5H18\"\/><path d=\"M4 22h16\"\/><path d=\"M10 14.66V17c0 .55-.47.98-.97 1.21C7.85 18.75 7 20.24 7 22\"\/><path d=\"M14 14.66V17c0 .55.47.98.97 1.21C16.15 18.75 17 20.24 17 22\"\/><path d=\"M18 2H6v7a6 6 0 0 0 12 0V2Z\"\/><\/svg>\r\n <\/div>\r\n\r\n \r\n <div class=\"absolute top-[20%] left-[10%] w-[400px] h-[400px] bg-purple-600\/20 blur-[150px] rounded-full pointer-events-none z-0\"><\/div>\r\n <div class=\"absolute bottom-[20%] right-[10%] w-[400px] h-[400px] bg-indigo-600\/15 blur-[120px] rounded-full pointer-events-none z-0\"><\/div>\r\n\r\n <div class=\"relative z-10 max-w-7xl mx-auto px-6 w-full grid lg:grid-cols-2 gap-12 items-center\">\r\n \r\n \r\n <div class=\"space-y-6 text-center lg:text-left\">\r\n <div class=\"inline-flex items-center gap-2 px-3 py-1 border border-purple-500\/30 bg-purple-500\/10 backdrop-blur-md text-purple-300 text-[9px] font-bold tracking-[0.2em] uppercase rounded-full shadow-[0_0_15px_rgba(168,85,247,0.2)]\">\r\n <span class=\"w-1 h-1 bg-purple-400 rounded-full animate-pulse\"><\/span>\r\n A Plataforma Definitiva\r\n <\/div>\r\n \r\n <h1 class=\"text-4xl sm:text-5xl md:text-6xl font-black text-white leading-[1.1] tracking-tight drop-shadow-lg\">\r\n Sua equipe no <br \/>\r\n <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-purple-400 via-fuchsia-400 to-indigo-400 pr-1\">centro do jogo.<\/span>\r\n <\/h1>\r\n \r\n <p class=\"text-base sm:text-lg text-gray-400 max-w-lg mx-auto lg:mx-0 leading-relaxed font-light\">\r\n A LigaHub \u00e9 o seu quartel-general: gerencie sua equipe, encontre torneios desafiadores e garanta partidas justas com nosso sistema de check-in automatizado.\r\n <\/p>\r\n \r\n <div class=\"pt-4 flex flex-col sm:flex-row items-center justify-center lg:justify-start gap-3\">\r\n <a href=\"#recursos\" class=\"w-full sm:w-auto px-6 py-3 text-xs font-black tracking-widest text-[#05020A] bg-white hover:bg-gray-200 uppercase transition-all duration-300 flex items-center justify-center gap-2 rounded-lg shadow-[0_0_15px_rgba(255,255,255,0.1)] hover:-translate-y-0.5\">\r\n VER TORNEIOS \r\n <svg class=\"w-3.5 h-3.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"pt-8 flex flex-wrap items-center justify-center lg:justify-start gap-5 text-xs font-semibold text-gray-500\">\r\n <div class=\"flex items-center gap-1.5\">\r\n <svg class=\"w-3.5 h-3.5 text-purple-400\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 9H4.5a2.5 2.5 0 0 1 0-5H6\"\/><path d=\"M18 9h1.5a2.5 2.5 0 0 0 0-5H18\"\/><path d=\"M4 22h16\"\/><path d=\"M10 14.66V17c0 .55-.47.98-.97 1.21C7.85 18.75 7 20.24 7 22\"\/><path d=\"M14 14.66V17c0 .55.47.98.97 1.21C16.15 18.75 17 20.24 17 22\"\/><path d=\"M18 2H6v7a6 6 0 0 0 12 0V2Z\"\/><\/svg> Torneios\r\n <\/div>\r\n <div class=\"w-1 h-1 bg-gray-700 rounded-full\"><\/div>\r\n <div class=\"flex items-center gap-1.5\">\r\n <svg class=\"w-3.5 h-3.5 text-fuchsia-400\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg> Equipes\r\n <\/div>\r\n <div class=\"w-1 h-1 bg-gray-700 rounded-full\"><\/div>\r\n <div class=\"flex items-center gap-1.5\">\r\n <svg class=\"w-3.5 h-3.5 text-indigo-400\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg> W.O Seguro\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"relative w-full max-w-[500px] mx-auto lg:mx-0 hidden md:block perspective-1200\">\r\n <div class=\"absolute inset-0 bg-gradient-to-tr from-purple-600\/10 to-transparent blur-2xl transform rotate-3 rounded-full\"><\/div>\r\n \r\n <div class=\"relative bg-[#0A0514]\/90 backdrop-blur-2xl rounded-2xl border border-purple-500\/20 shadow-[0_20px_40px_rgba(0,0,0,0.5)] overflow-hidden rotate-y-minus-6 hover-reset\">\r\n \r\n <div class=\"h-12 border-b border-white\/5 bg-black\/60 flex items-center px-5 justify-between\">\r\n <div class=\"flex items-center gap-2\">\r\n <div class=\"w-6 h-6 rounded-md bg-purple-600\/20 border border-purple-500\/50 flex items-center justify-center\">\r\n <svg class=\"w-3 h-3 text-purple-400\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"6\" x2=\"10\" y1=\"12\" y2=\"12\"\/><line x1=\"8\" x2=\"8\" y1=\"10\" y2=\"14\"\/><line x1=\"15\" x2=\"15.01\" y1=\"13\" y2=\"13\"\/><line x1=\"18\" x2=\"18.01\" y1=\"11\" y2=\"11\"\/><rect width=\"20\" height=\"12\" x=\"2\" y=\"6\" rx=\"2\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-white font-bold text-xs leading-none mb-0.5\">Sala da Partida<\/h4>\r\n <span class=\"text-[9px] text-gray-500 font-bold tracking-widest uppercase\">Torneio Oficial<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex gap-1\">\r\n <div class=\"w-2 h-2 rounded-full bg-white\/10\"><\/div>\r\n <div class=\"w-2 h-2 rounded-full bg-white\/10\"><\/div>\r\n <div class=\"w-2 h-2 rounded-full bg-purple-500\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"p-5 space-y-4\">\r\n <div class=\"flex justify-between items-center bg-white\/[0.02] border border-white\/5 p-3 rounded-lg\">\r\n <span class=\"text-[9px] font-bold text-gray-400 uppercase tracking-widest\">Fase Eliminat\u00f3ria<\/span>\r\n <span class=\"text-[9px] bg-purple-500\/20 border border-purple-500\/30 px-2 py-1 rounded text-purple-400 font-bold uppercase tracking-wider\">MD1<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-black\/40 border border-white\/5 rounded-xl p-4 relative overflow-hidden\">\r\n <div class=\"absolute top-0 right-0 w-24 h-24 bg-purple-500\/5 blur-xl rounded-full\"><\/div>\r\n \r\n <div class=\"flex items-center justify-between relative z-10 py-2\">\r\n <div class=\"text-center w-[35%] flex flex-col items-center\">\r\n <div class=\"w-10 h-10 bg-indigo-900\/50 border border-indigo-500\/30 rounded-lg flex items-center justify-center mb-2\">\r\n <span class=\"text-white font-black text-sm\">EA<\/span>\r\n <\/div>\r\n <span class=\"block text-white font-bold text-xs truncate mb-1\">Eq. Alpha<\/span>\r\n <span class=\"text-[8px] font-bold text-emerald-500 tracking-widest uppercase bg-emerald-500\/10 px-1.5 py-0.5 rounded border border-emerald-500\/20\">Check-in OK<\/span>\r\n <\/div>\r\n \r\n <div class=\"w-[30%] flex flex-col items-center justify-center\">\r\n <span class=\"text-gray-600 font-black italic text-lg mb-1\">VS<\/span>\r\n <div class=\"w-px h-6 bg-white\/10\"><\/div>\r\n <\/div>\r\n \r\n <div class=\"text-center w-[35%] flex flex-col items-center\">\r\n <div class=\"w-10 h-10 bg-black border border-white\/10 rounded-lg flex items-center justify-center mb-2\">\r\n <span class=\"text-gray-400 font-black text-sm\">EO<\/span>\r\n <\/div>\r\n <span class=\"block text-gray-400 font-bold text-xs truncate mb-1\">Eq. Omega<\/span>\r\n <span class=\"text-[8px] font-bold text-amber-500 tracking-widest uppercase bg-amber-500\/10 px-1.5 py-0.5 rounded border border-amber-500\/20 animate-pulse\">Pendente<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-amber-500\/5 border border-amber-500\/20 rounded-lg p-3 flex items-start gap-2\">\r\n <svg class=\"w-4 h-4 text-amber-500 flex-shrink-0 mt-0.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\r\n <div>\r\n <p class=\"text-[10px] font-bold text-amber-400 uppercase tracking-wider mb-0.5\">Aguardando Advers\u00e1rio<\/p>\r\n <p class=\"text-[9px] text-gray-400 leading-snug\">Se a equipe Omega n\u00e3o realizar o check-in em <span class=\"text-white font-bold\">04:59<\/span>, a vit\u00f3ria ser\u00e1 concedida automaticamente por W.O.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"recursos\" class=\"py-20 relative z-10 border-t border-white\/5\">\r\n <div class=\"max-w-7xl mx-auto px-6\">\r\n <div class=\"text-center mb-16\">\r\n <span class=\"text-purple-400 font-bold text-[9px] tracking-[0.2em] uppercase border border-purple-500\/20 px-3 py-1 bg-purple-500\/10 rounded-full\">Ecossistema Completo<\/span>\r\n <h2 class=\"font-black text-3xl md:text-4xl text-white mt-4 tracking-tight\">Tudo que seu time precisa.<\/h2>\r\n <\/div>\r\n\r\n <div class=\"grid md:grid-cols-3 gap-5\">\r\n \r\n <div class=\"bg-white\/[0.02] border border-white\/[0.05] p-6 rounded-xl hover:border-purple-500\/40 transition-all duration-300 group hover:-translate-y-1\">\r\n <div class=\"w-10 h-10 bg-purple-500\/10 border border-purple-500\/20 rounded-lg flex items-center justify-center mb-4\">\r\n <svg class=\"w-5 h-5 text-purple-400 group-hover:scale-110 transition-transform\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 9H4.5a2.5 2.5 0 0 1 0-5H6\"\/><path d=\"M18 9h1.5a2.5 2.5 0 0 0 0-5H18\"\/><path d=\"M4 22h16\"\/><path d=\"M10 14.66V17c0 .55-.47.98-.97 1.21C7.85 18.75 7 20.24 7 22\"\/><path d=\"M14 14.66V17c0 .55.47.98.97 1.21C16.15 18.75 17 20.24 17 22\"\/><path d=\"M18 2H6v7a6 6 0 0 0 12 0V2Z\"\/><\/svg>\r\n <\/div>\r\n <h4 class=\"font-black text-lg text-white mb-2\">Torneios Seguros<\/h4>\r\n <p class=\"text-gray-400 font-light text-xs leading-relaxed\">Esque\u00e7a planilhas manuais. Participe de campeonatos com chaves geradas automaticamente e sistema de W.O inteligente.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white\/[0.02] border border-white\/[0.05] p-6 rounded-xl hover:border-fuchsia-500\/40 transition-all duration-300 group hover:-translate-y-1\">\r\n <div class=\"w-10 h-10 bg-fuchsia-500\/10 border border-fuchsia-500\/20 rounded-lg flex items-center justify-center mb-4\">\r\n <svg class=\"w-5 h-5 text-fuchsia-400 group-hover:scale-110 transition-transform\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\r\n <\/div>\r\n <h4 class=\"font-black text-lg text-white mb-2\">Gest\u00e3o de Equipes<\/h4>\r\n <p class=\"text-gray-400 font-light text-xs leading-relaxed\">Centralize seu time. Crie a p\u00e1gina oficial, convide seus jogadores, defina fun\u00e7\u00f5es e construa a identidade da sua organiza\u00e7\u00e3o.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white\/[0.02] border border-white\/[0.05] p-6 rounded-xl hover:border-indigo-500\/40 transition-all duration-300 group hover:-translate-y-1\">\r\n <div class=\"w-10 h-10 bg-indigo-500\/10 border border-indigo-500\/20 rounded-lg flex items-center justify-center mb-4\">\r\n <svg class=\"w-5 h-5 text-indigo-400 group-hover:scale-110 transition-transform\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 3v18h18\"\/><path d=\"M18 17V9\"\/><path d=\"M13 17V5\"\/><path d=\"M8 17v-3\"\/><\/svg>\r\n <\/div>\r\n <h4 class=\"font-black text-lg text-white mb-2\">Hist\u00f3rico de Conquistas<\/h4>\r\n <p class=\"text-gray-400 font-light text-xs leading-relaxed\">Mantenha o registro do seu sucesso. Cada torneio vencido e partida disputada ajuda a construir a reputa\u00e7\u00e3o da sua equipe.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"ligaai\" class=\"py-20 relative z-10 border-t border-white\/5 bg-gradient-to-b from-[#0A0514] to-[#05020A]\">\r\n <div class=\"absolute top-0 right-0 w-[300px] h-[300px] bg-fuchsia-600\/10 blur-[120px] rounded-full pointer-events-none\"><\/div>\r\n \r\n <div class=\"max-w-3xl mx-auto px-6 relative z-10\">\r\n <div class=\"text-center mb-10\">\r\n <span class=\"text-fuchsia-400 font-bold text-[9px] tracking-[0.2em] uppercase border border-fuchsia-500\/20 px-3 py-1 bg-fuchsia-500\/10 rounded-full flex items-center justify-center gap-2 w-max mx-auto\">\r\n <svg class=\"w-3 h-3\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 8V4H8\"\/><rect width=\"16\" height=\"12\" x=\"4\" y=\"8\" rx=\"2\"\/><path d=\"M2 14h2\"\/><path d=\"M20 14h2\"\/><path d=\"M15 13v2\"\/><path d=\"M9 13v2\"\/><\/svg>\r\n Assistente Virtual\r\n <\/span>\r\n <h3 class=\"font-black text-3xl md:text-4xl text-white mt-4 tracking-tight\">Conhe\u00e7a a LigaAI.<\/h3>\r\n <p class=\"text-gray-400 mt-3 text-sm font-light leading-relaxed max-w-xl mx-auto\">\r\n Sem ideias de como estruturar seu torneio ou qual nome dar para sua equipe? Descreva o que voc\u00ea precisa e nossa IA gera a base para voc\u00ea.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"bg-black\/60 border border-white\/10 rounded-xl p-6 shadow-2xl backdrop-blur-xl relative\">\r\n \r\n <div class=\"flex p-1 bg-white\/5 rounded-lg mb-6 w-full max-w-sm mx-auto\">\r\n <button id=\"ai-mode-tournament\" class=\"flex-1 py-2 text-[10px] font-bold uppercase tracking-wider rounded-md transition-all bg-purple-600 text-white shadow-md\">\r\n Criar Torneio\r\n <\/button>\r\n <button id=\"ai-mode-team\" class=\"flex-1 py-2 text-[10px] font-bold uppercase tracking-wider rounded-md transition-all text-gray-500 hover:text-white\">\r\n Branding de Time\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"space-y-4\">\r\n <textarea id=\"ai-input\" placeholder=\"Ex: Campeonato de CS2, 16 times...\" class=\"w-full h-24 bg-[#05020A] border border-white\/10 rounded-lg p-3 text-white placeholder-gray-600 text-xs focus:outline-none focus:border-purple-500\/50 transition-colors resize-none\"><\/textarea>\r\n \r\n <button id=\"ai-submit-btn\" class=\"w-full py-3 bg-white text-black font-black text-xs tracking-widest uppercase hover:bg-gray-200 rounded-lg transition-all duration-300 flex items-center justify-center gap-2 disabled:opacity-50\">\r\n Gerar Com a LigaAI \u2728\r\n <svg class=\"w-3.5 h-3.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n \r\n \r\n <div id=\"ai-result-container\" class=\"mt-6 hidden\">\r\n \r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"py-20 relative border-t border-white\/5 overflow-hidden\">\r\n <div class=\"max-w-xl mx-auto px-6 relative z-10 text-center\">\r\n <div class=\"w-12 h-12 bg-purple-500\/20 border border-purple-500\/30 rounded-xl flex items-center justify-center mx-auto mb-5\">\r\n <svg class=\"w-6 h-6 text-purple-400\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"6\" x2=\"10\" y1=\"12\" y2=\"12\"\/><line x1=\"8\" x2=\"8\" y1=\"10\" y2=\"14\"\/><line x1=\"15\" x2=\"15.01\" y1=\"13\" y2=\"13\"\/><line x1=\"18\" x2=\"18.01\" y1=\"11\" y2=\"11\"\/><rect width=\"20\" height=\"12\" x=\"2\" y=\"6\" rx=\"2\"\/><\/svg>\r\n <\/div>\r\n <h2 class=\"font-black text-3xl text-white mb-3\">Pronto para a competi\u00e7\u00e3o?<\/h2>\r\n <p class=\"text-gray-400 text-xs mb-8\">Crie sua conta agora para inscrever seu time ou organizar torneios.<\/p>\r\n \r\n <form class=\"space-y-3\" onsubmit=\"event.preventDefault();\">\r\n <div class=\"grid md:grid-cols-2 gap-3\">\r\n <input type=\"text\" placeholder=\"Nome de Usu\u00e1rio\" class=\"bg-black border border-white\/10 p-3 rounded-lg text-xs text-white placeholder-gray-600 focus:outline-none focus:border-purple-500\/50 transition-colors\" \/>\r\n <input type=\"email\" placeholder=\"E-mail principal\" class=\"bg-black border border-white\/10 p-3 rounded-lg text-xs text-white placeholder-gray-600 focus:outline-none focus:border-purple-500\/50 transition-colors\" \/>\r\n <\/div>\r\n <button class=\"w-full py-3 bg-purple-600 text-white font-black text-xs tracking-widest uppercase hover:bg-purple-500 rounded-lg transition-all flex items-center justify-center gap-2 shadow-[0_0_15px_rgba(147,51,234,0.3)] hover:-translate-y-0.5\">\r\n Criar Conta \r\n <svg class=\"w-3.5 h-3.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m22 2-7 20-4-9-9-4Z\"\/><path d=\"M22 2 11 13\"\/><\/svg>\r\n <\/button>\r\n <\/form>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <footer class=\"bg-[#020105] border-t border-white\/5 pt-12 pb-6\">\r\n <div class=\"max-w-7xl mx-auto px-6\">\r\n <div class=\"flex flex-col md:flex-row justify-between items-center gap-6 mb-8\">\r\n <div class=\"flex items-center gap-2\">\r\n \r\n <img decoding=\"async\" src=\"3d Branco.png\" alt=\"LigaHub Logo\" loading=\"lazy\" class=\"w-6 h-6 object-contain drop-shadow-[0_0_5px_rgba(168,85,247,0.3)]\" \/>\r\n <span class=\"text-white font-black tracking-widest uppercase text-xs\">LIGAHUB<\/span>\r\n <\/div>\r\n\r\n <div class=\"flex gap-5 font-bold text-[9px] tracking-widest uppercase text-gray-500\">\r\n <a href=\"#\" class=\"hover:text-white transition-colors\">Termos<\/a>\r\n <a href=\"#\" class=\"hover:text-white transition-colors\">Privacidade<\/a>\r\n <a href=\"#\" class=\"hover:text-white transition-colors\">Suporte<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"flex flex-col md:flex-row justify-between items-center gap-3 border-t border-white\/5 pt-6\">\r\n <p class=\"font-bold text-[9px] text-gray-600 tracking-widest uppercase\">\u00a9 2026 LigaHub. Plataforma de eSports.<\/p>\r\n <div class=\"flex items-center gap-1.5 font-bold text-[9px] tracking-widest text-emerald-500 uppercase\">\r\n <span class=\"w-1.5 h-1.5 rounded-full bg-emerald-500 animate-pulse\"><\/span>\r\n Sistemas Online\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n \r\n <script>\r\n const apiKey = \"\"; \/\/ A chave \u00e9 injetada automaticamente pelo ambiente de execu\u00e7\u00e3o\r\n \r\n async function fetchWithBackoff(url, options, retries = 5, delay = 1000) {\r\n try {\r\n const response = await fetch(url, options);\r\n if (!response.ok) {\r\n throw new Error(`HTTP error! status: ${response.status}`);\r\n }\r\n return await response.json();\r\n } catch (error) {\r\n if (retries > 0) {\r\n await new Promise(resolve => setTimeout(resolve, delay));\r\n return fetchWithBackoff(url, options, retries - 1, delay * 2);\r\n }\r\n throw error;\r\n }\r\n }\r\n\r\n document.addEventListener('DOMContentLoaded', () => {\r\n const btnTournament = document.getElementById('ai-mode-tournament');\r\n const btnTeam = document.getElementById('ai-mode-team');\r\n const aiInput = document.getElementById('ai-input');\r\n const btnSubmit = document.getElementById('ai-submit-btn');\r\n const resultContainer = document.getElementById('ai-result-container');\r\n\r\n let aiMode = 'tournament';\r\n\r\n function updateModeUI() {\r\n if (aiMode === 'tournament') {\r\n btnTournament.className = 'flex-1 py-2 text-[10px] font-bold uppercase tracking-wider rounded-md transition-all bg-purple-600 text-white shadow-md';\r\n btnTeam.className = 'flex-1 py-2 text-[10px] font-bold uppercase tracking-wider rounded-md transition-all text-gray-500 hover:text-white';\r\n aiInput.placeholder = \"Ex: Campeonato de CS2, 16 times, focando em times amadores...\";\r\n } else {\r\n btnTournament.className = 'flex-1 py-2 text-[10px] font-bold uppercase tracking-wider rounded-md transition-all text-gray-500 hover:text-white';\r\n btnTeam.className = 'flex-1 py-2 text-[10px] font-bold uppercase tracking-wider rounded-md transition-all bg-fuchsia-600 text-white shadow-md';\r\n aiInput.placeholder = \"Ex: Somos um time t\u00e1tico de Valorant, jogamos de forma agressiva e r\u00e1pida...\";\r\n }\r\n }\r\n\r\n btnTournament.addEventListener('click', () => { aiMode = 'tournament'; updateModeUI(); });\r\n btnTeam.addEventListener('click', () => { aiMode = 'team'; updateModeUI(); });\r\n\r\n btnSubmit.addEventListener('click', async () => {\r\n const text = aiInput.value.trim();\r\n if (!text) {\r\n showError(\"Por favor, descreva o que precisa antes de gerar.\");\r\n return;\r\n }\r\n\r\n \/\/ Estado de carregamento\r\n btnSubmit.disabled = true;\r\n btnSubmit.innerHTML = `<svg class=\"w-3.5 h-3.5 animate-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"><\/circle><path class=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"><\/path><\/svg> Processando...`;\r\n resultContainer.classList.add('hidden');\r\n\r\n const systemPrompt = aiMode === 'tournament' \r\n ? \"Atue como um Organizador de eSports experiente no Brasil. O usu\u00e1rio vai descrever um torneio. Retorne um rascunho de regulamento com: 1) Nome impactante para o campeonato com \u2728. 2) Formato de disputa ideal. 3) Tr\u00eas regras fundamentais de W.O e anti-cheat. Responda em Portugu\u00eas BR, com tom profissional, direto e moderno.\"\r\n : \"Atue como um especialista em branding de times de eSports. O usu\u00e1rio vai descrever o time dele. Sugira: 1) Tr\u00eas nomes modernos e fortes para a equipe com \u2728. 2) Um lema curto e marcante. 3) Uma bio de 2 linhas focada em estat\u00edsticas e mentalidade vencedora para o perfil da LigaHub. Responda em Portugu\u00eas BR, tom motivador e premium.\";\r\n\r\n const url = `https:\/\/generativelanguage.googleapis.com\/v1beta\/models\/gemini-2.5-flash-preview-09-2025:generateContent?key=${apiKey}`;\r\n const payload = {\r\n contents: [{ parts: [{ text }] }],\r\n systemInstruction: { parts: [{ text: systemPrompt }] }\r\n };\r\n\r\n try {\r\n const result = await fetchWithBackoff(url, {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application\/json' },\r\n body: JSON.stringify(payload)\r\n });\r\n\r\n const generatedText = result.candidates?.[0]?.content?.parts?.[0]?.text;\r\n if (generatedText) {\r\n showResult(generatedText);\r\n } else {\r\n throw new Error(\"Falha ao obter resposta.\");\r\n }\r\n } catch (err) {\r\n showError(\"Houve um erro ao conectar com a LigaAI. Tente novamente mais tarde.\");\r\n } finally {\r\n btnSubmit.disabled = false;\r\n btnSubmit.innerHTML = `Gerar Com a LigaAI \u2728 <svg class=\"w-3.5 h-3.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z\"\/><\/svg>`;\r\n }\r\n });\r\n\r\n function showResult(text) {\r\n \/\/ Previne HTML injection formatando o texto\r\n const safeText = text.replace(\/<\/g, \"<\").replace(\/>\/g, \">\");\r\n resultContainer.innerHTML = `\r\n <div class=\"p-5 bg-white\/[0.03] border border-white\/10 rounded-lg relative overflow-hidden group\">\r\n <div class=\"absolute top-0 left-0 w-1 h-full bg-gradient-to-b from-purple-500 to-fuchsia-500\"><\/div>\r\n <h4 class=\"font-bold text-[9px] text-purple-400 uppercase tracking-widest mb-3 flex items-center gap-1.5\">\r\n <svg class=\"w-3 h-3\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 8V4H8\"\/><rect width=\"16\" height=\"12\" x=\"4\" y=\"8\" rx=\"2\"\/><path d=\"M2 14h2\"\/><path d=\"M20 14h2\"\/><path d=\"M15 13v2\"\/><path d=\"M9 13v2\"\/><\/svg>\r\n Resposta da LigaAI \u2728\r\n <\/h4>\r\n <div class=\"text-gray-300 text-xs leading-relaxed whitespace-pre-wrap\">${safeText}<\/div>\r\n <\/div>\r\n `;\r\n resultContainer.classList.remove('hidden');\r\n }\r\n\r\n function showError(msg) {\r\n resultContainer.innerHTML = `\r\n <div class=\"p-3 bg-red-500\/10 border border-red-500\/20 rounded-lg text-red-400 text-xs flex items-center gap-2\">\r\n <svg class=\"w-3.5 h-3.5 flex-shrink-0\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z\"\/><path d=\"M12 9v4\"\/><path d=\"M12 17h.01\"\/><\/svg>\r\n <p>${msg}<\/p>\r\n <\/div>\r\n `;\r\n resultContainer.classList.remove('hidden');\r\n }\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>LigaHub – A Plataforma Definitiva de eSports LigaHub A Plataforma Ecossistema LigaAI Login Entrar no Hub A Plataforma Definitiva Sua equipe no centro do jogo. A LigaHub \u00e9 o seu quartel-general: gerencie sua equipe, encontre torneios desafiadores e garanta partidas justas com nosso sistema de check-in automatizado. VER TORNEIOS Torneios Equipes W.O Seguro Sala da […]<\/p>\n","protected":false},"author":432,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_jf_limit_responses":"","footnotes":""},"tip-pag":[],"class_list":["post-28077","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/play.ligahub.org\/vi\/wp-json\/wp\/v2\/pages\/28077","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/play.ligahub.org\/vi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/play.ligahub.org\/vi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/play.ligahub.org\/vi\/wp-json\/wp\/v2\/users\/432"}],"replies":[{"embeddable":true,"href":"https:\/\/play.ligahub.org\/vi\/wp-json\/wp\/v2\/comments?post=28077"}],"version-history":[{"count":0,"href":"https:\/\/play.ligahub.org\/vi\/wp-json\/wp\/v2\/pages\/28077\/revisions"}],"wp:attachment":[{"href":"https:\/\/play.ligahub.org\/vi\/wp-json\/wp\/v2\/media?parent=28077"}],"wp:term":[{"taxonomy":"tip-pag","embeddable":true,"href":"https:\/\/play.ligahub.org\/vi\/wp-json\/wp\/v2\/tip-pag?post=28077"}],"curies":[{"name":"WP","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n LigaHub - A Plataforma Definitiva de eSports<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <style>\r\n body { background-color: #05020A; color: #d1d5db; font-family: sans-serif; overflow-x: hidden; }\r\n .perspective-1200 { perspective: 1200px; }\r\n .rotate-y-minus-6 { transform: rotateY(-6deg) rotateX(4deg); transition: transform 0.7s ease; }\r\n .hover-reset:hover { transform: rotateY(0) rotateX(0); }\r\n \r\n \/* Otimiza\u00e7\u00e3o de scroll suave *\/\r\n html { scroll-behavior: smooth; }\r\n <\/style>\r\n<\/head>\r\n<body class=\"selection:bg-purple-600\/30 selection:text-white\">\r\n\r\n \r\n <div class=\"fixed inset-0 pointer-events-none z-0 bg-[linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0)_50%,rgba(0,0,0,0.2)_50%,rgba(0,0,0,0.2))] bg-[length:100%_4px] opacity-[0.1]\"><\/div>\r\n\r\n \r\n <nav class=\"fixed top-4 w-full z-50 px-4 sm:px-6\">\r\n <div class=\"max-w-7xl mx-auto h-14 bg-[#0A0514]\/70 backdrop-blur-2xl border border-purple-500\/20 rounded-xl flex justify-between items-center px-5 shadow-[0_10px_30px_rgba(0,0,0,0.3)]\">\r\n \r\n \r\n <div class=\"flex items-center gap-2 group cursor-pointer\">\r\n \r\n <img decoding=\"async\" src=\"3d Branco.png\" alt=\"LigaHub Logo\" class=\"w-8 h-8 sm:w-10 sm:h-10 object-contain group-hover:scale-110 transition-transform drop-shadow-[0_0_10px_rgba(168,85,247,0.8)]\" \/>\r\n <span class=\"text-white font-black tracking-widest text-xs uppercase hidden sm:block\">LigaHub<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"hidden md:flex items-center gap-6 text-[10px] font-bold tracking-widest uppercase text-gray-400\">\r\n <a href=\"#plataforma\" class=\"hover:text-purple-400 transition-colors\">A Plataforma<\/a>\r\n <a href=\"#recursos\" class=\"hover:text-purple-400 transition-colors\">Ecossistema<\/a>\r\n <a href=\"#ligaai\" class=\"hover:text-fuchsia-400 flex items-center gap-1.5 transition-colors\">\r\n <svg class=\"w-3 h-3\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z\"\/><\/svg>\r\n LigaAI\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"flex items-center gap-3\">\r\n <button class=\"hidden sm:block text-[10px] font-bold tracking-widest text-gray-400 hover:text-white transition-colors uppercase\">Login<\/button>\r\n <button class=\"px-4 py-1.5 border border-purple-500\/50 text-white font-bold text-[10px] tracking-widest uppercase bg-purple-600\/10 hover:bg-purple-600 hover:border-purple-600 transition-all duration-300 rounded-lg shadow-lg\">Entrar no Hub<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/nav>\r\n\r\n \r\n <section id=\"plataforma\" class=\"relative min-h-screen flex items-center pt-24 pb-16 lg:pt-0 lg:pb-0 overflow-hidden\">\r\n \r\n \r\n <div class=\"absolute top-1\/2 left-[60%] -translate-y-1\/2 -translate-x-1\/2 pointer-events-none z-0\">\r\n <svg class=\"w-[500px] h-[500px] md:w-[700px] md:h-[700px] text-purple-600 opacity-[0.03] transform -rotate-12 mix-blend-screen\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 9H4.5a2.5 2.5 0 0 1 0-5H6\"\/><path d=\"M18 9h1.5a2.5 2.5 0 0 0 0-5H18\"\/><path d=\"M4 22h16\"\/><path d=\"M10 14.66V17c0 .55-.47.98-.97 1.21C7.85 18.75 7 20.24 7 22\"\/><path d=\"M14 14.66V17c0 .55.47.98.97 1.21C16.15 18.75 17 20.24 17 22\"\/><path d=\"M18 2H6v7a6 6 0 0 0 12 0V2Z\"\/><\/svg>\r\n <\/div>\r\n\r\n \r\n <div class=\"absolute top-[20%] left-[10%] w-[400px] h-[400px] bg-purple-600\/20 blur-[150px] rounded-full pointer-events-none z-0\"><\/div>\r\n <div class=\"absolute bottom-[20%] right-[10%] w-[400px] h-[400px] bg-indigo-600\/15 blur-[120px] rounded-full pointer-events-none z-0\"><\/div>\r\n\r\n <div class=\"relative z-10 max-w-7xl mx-auto px-6 w-full grid lg:grid-cols-2 gap-12 items-center\">\r\n \r\n \r\n <div class=\"space-y-6 text-center lg:text-left\">\r\n <div class=\"inline-flex items-center gap-2 px-3 py-1 border border-purple-500\/30 bg-purple-500\/10 backdrop-blur-md text-purple-300 text-[9px] font-bold tracking-[0.2em] uppercase rounded-full shadow-[0_0_15px_rgba(168,85,247,0.2)]\">\r\n <span class=\"w-1 h-1 bg-purple-400 rounded-full animate-pulse\"><\/span>\r\n A Plataforma Definitiva\r\n <\/div>\r\n \r\n <h1 class=\"text-4xl sm:text-5xl md:text-6xl font-black text-white leading-[1.1] tracking-tight drop-shadow-lg\">\r\n Sua equipe no <br \/>\r\n <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-purple-400 via-fuchsia-400 to-indigo-400 pr-1\">centro do jogo.<\/span>\r\n <\/h1>\r\n \r\n <p class=\"text-base sm:text-lg text-gray-400 max-w-lg mx-auto lg:mx-0 leading-relaxed font-light\">\r\n A LigaHub \u00e9 o seu quartel-general: gerencie sua equipe, encontre torneios desafiadores e garanta partidas justas com nosso sistema de check-in automatizado.\r\n <\/p>\r\n \r\n <div class=\"pt-4 flex flex-col sm:flex-row items-center justify-center lg:justify-start gap-3\">\r\n <a href=\"#recursos\" class=\"w-full sm:w-auto px-6 py-3 text-xs font-black tracking-widest text-[#05020A] bg-white hover:bg-gray-200 uppercase transition-all duration-300 flex items-center justify-center gap-2 rounded-lg shadow-[0_0_15px_rgba(255,255,255,0.1)] hover:-translate-y-0.5\">\r\n VER TORNEIOS \r\n <svg class=\"w-3.5 h-3.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"pt-8 flex flex-wrap items-center justify-center lg:justify-start gap-5 text-xs font-semibold text-gray-500\">\r\n <div class=\"flex items-center gap-1.5\">\r\n <svg class=\"w-3.5 h-3.5 text-purple-400\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 9H4.5a2.5 2.5 0 0 1 0-5H6\"\/><path d=\"M18 9h1.5a2.5 2.5 0 0 0 0-5H18\"\/><path d=\"M4 22h16\"\/><path d=\"M10 14.66V17c0 .55-.47.98-.97 1.21C7.85 18.75 7 20.24 7 22\"\/><path d=\"M14 14.66V17c0 .55.47.98.97 1.21C16.15 18.75 17 20.24 17 22\"\/><path d=\"M18 2H6v7a6 6 0 0 0 12 0V2Z\"\/><\/svg> Torneios\r\n <\/div>\r\n <div class=\"w-1 h-1 bg-gray-700 rounded-full\"><\/div>\r\n <div class=\"flex items-center gap-1.5\">\r\n <svg class=\"w-3.5 h-3.5 text-fuchsia-400\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg> Equipes\r\n <\/div>\r\n <div class=\"w-1 h-1 bg-gray-700 rounded-full\"><\/div>\r\n <div class=\"flex items-center gap-1.5\">\r\n <svg class=\"w-3.5 h-3.5 text-indigo-400\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg> W.O Seguro\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"relative w-full max-w-[500px] mx-auto lg:mx-0 hidden md:block perspective-1200\">\r\n <div class=\"absolute inset-0 bg-gradient-to-tr from-purple-600\/10 to-transparent blur-2xl transform rotate-3 rounded-full\"><\/div>\r\n \r\n <div class=\"relative bg-[#0A0514]\/90 backdrop-blur-2xl rounded-2xl border border-purple-500\/20 shadow-[0_20px_40px_rgba(0,0,0,0.5)] overflow-hidden rotate-y-minus-6 hover-reset\">\r\n \r\n <div class=\"h-12 border-b border-white\/5 bg-black\/60 flex items-center px-5 justify-between\">\r\n <div class=\"flex items-center gap-2\">\r\n <div class=\"w-6 h-6 rounded-md bg-purple-600\/20 border border-purple-500\/50 flex items-center justify-center\">\r\n <svg class=\"w-3 h-3 text-purple-400\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"6\" x2=\"10\" y1=\"12\" y2=\"12\"\/><line x1=\"8\" x2=\"8\" y1=\"10\" y2=\"14\"\/><line x1=\"15\" x2=\"15.01\" y1=\"13\" y2=\"13\"\/><line x1=\"18\" x2=\"18.01\" y1=\"11\" y2=\"11\"\/><rect width=\"20\" height=\"12\" x=\"2\" y=\"6\" rx=\"2\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-white font-bold text-xs leading-none mb-0.5\">Sala da Partida<\/h4>\r\n <span class=\"text-[9px] text-gray-500 font-bold tracking-widest uppercase\">Torneio Oficial<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex gap-1\">\r\n <div class=\"w-2 h-2 rounded-full bg-white\/10\"><\/div>\r\n <div class=\"w-2 h-2 rounded-full bg-white\/10\"><\/div>\r\n <div class=\"w-2 h-2 rounded-full bg-purple-500\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"p-5 space-y-4\">\r\n <div class=\"flex justify-between items-center bg-white\/[0.02] border border-white\/5 p-3 rounded-lg\">\r\n <span class=\"text-[9px] font-bold text-gray-400 uppercase tracking-widest\">Fase Eliminat\u00f3ria<\/span>\r\n <span class=\"text-[9px] bg-purple-500\/20 border border-purple-500\/30 px-2 py-1 rounded text-purple-400 font-bold uppercase tracking-wider\">MD1<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-black\/40 border border-white\/5 rounded-xl p-4 relative overflow-hidden\">\r\n <div class=\"absolute top-0 right-0 w-24 h-24 bg-purple-500\/5 blur-xl rounded-full\"><\/div>\r\n \r\n <div class=\"flex items-center justify-between relative z-10 py-2\">\r\n <div class=\"text-center w-[35%] flex flex-col items-center\">\r\n <div class=\"w-10 h-10 bg-indigo-900\/50 border border-indigo-500\/30 rounded-lg flex items-center justify-center mb-2\">\r\n <span class=\"text-white font-black text-sm\">EA<\/span>\r\n <\/div>\r\n <span class=\"block text-white font-bold text-xs truncate mb-1\">Eq. Alpha<\/span>\r\n <span class=\"text-[8px] font-bold text-emerald-500 tracking-widest uppercase bg-emerald-500\/10 px-1.5 py-0.5 rounded border border-emerald-500\/20\">Check-in OK<\/span>\r\n <\/div>\r\n \r\n <div class=\"w-[30%] flex flex-col items-center justify-center\">\r\n <span class=\"text-gray-600 font-black italic text-lg mb-1\">VS<\/span>\r\n <div class=\"w-px h-6 bg-white\/10\"><\/div>\r\n <\/div>\r\n \r\n <div class=\"text-center w-[35%] flex flex-col items-center\">\r\n <div class=\"w-10 h-10 bg-black border border-white\/10 rounded-lg flex items-center justify-center mb-2\">\r\n <span class=\"text-gray-400 font-black text-sm\">EO<\/span>\r\n <\/div>\r\n <span class=\"block text-gray-400 font-bold text-xs truncate mb-1\">Eq. Omega<\/span>\r\n <span class=\"text-[8px] font-bold text-amber-500 tracking-widest uppercase bg-amber-500\/10 px-1.5 py-0.5 rounded border border-amber-500\/20 animate-pulse\">Pendente<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-amber-500\/5 border border-amber-500\/20 rounded-lg p-3 flex items-start gap-2\">\r\n <svg class=\"w-4 h-4 text-amber-500 flex-shrink-0 mt-0.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\r\n <div>\r\n <p class=\"text-[10px] font-bold text-amber-400 uppercase tracking-wider mb-0.5\">Aguardando Advers\u00e1rio<\/p>\r\n <p class=\"text-[9px] text-gray-400 leading-snug\">Se a equipe Omega n\u00e3o realizar o check-in em <span class=\"text-white font-bold\">04:59<\/span>, a vit\u00f3ria ser\u00e1 concedida automaticamente por W.O.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"recursos\" class=\"py-20 relative z-10 border-t border-white\/5\">\r\n <div class=\"max-w-7xl mx-auto px-6\">\r\n <div class=\"text-center mb-16\">\r\n <span class=\"text-purple-400 font-bold text-[9px] tracking-[0.2em] uppercase border border-purple-500\/20 px-3 py-1 bg-purple-500\/10 rounded-full\">Ecossistema Completo<\/span>\r\n <h2 class=\"font-black text-3xl md:text-4xl text-white mt-4 tracking-tight\">Tudo que seu time precisa.<\/h2>\r\n <\/div>\r\n\r\n <div class=\"grid md:grid-cols-3 gap-5\">\r\n \r\n <div class=\"bg-white\/[0.02] border border-white\/[0.05] p-6 rounded-xl hover:border-purple-500\/40 transition-all duration-300 group hover:-translate-y-1\">\r\n <div class=\"w-10 h-10 bg-purple-500\/10 border border-purple-500\/20 rounded-lg flex items-center justify-center mb-4\">\r\n <svg class=\"w-5 h-5 text-purple-400 group-hover:scale-110 transition-transform\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 9H4.5a2.5 2.5 0 0 1 0-5H6\"\/><path d=\"M18 9h1.5a2.5 2.5 0 0 0 0-5H18\"\/><path d=\"M4 22h16\"\/><path d=\"M10 14.66V17c0 .55-.47.98-.97 1.21C7.85 18.75 7 20.24 7 22\"\/><path d=\"M14 14.66V17c0 .55.47.98.97 1.21C16.15 18.75 17 20.24 17 22\"\/><path d=\"M18 2H6v7a6 6 0 0 0 12 0V2Z\"\/><\/svg>\r\n <\/div>\r\n <h4 class=\"font-black text-lg text-white mb-2\">Torneios Seguros<\/h4>\r\n <p class=\"text-gray-400 font-light text-xs leading-relaxed\">Esque\u00e7a planilhas manuais. Participe de campeonatos com chaves geradas automaticamente e sistema de W.O inteligente.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white\/[0.02] border border-white\/[0.05] p-6 rounded-xl hover:border-fuchsia-500\/40 transition-all duration-300 group hover:-translate-y-1\">\r\n <div class=\"w-10 h-10 bg-fuchsia-500\/10 border border-fuchsia-500\/20 rounded-lg flex items-center justify-center mb-4\">\r\n <svg class=\"w-5 h-5 text-fuchsia-400 group-hover:scale-110 transition-transform\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\r\n <\/div>\r\n <h4 class=\"font-black text-lg text-white mb-2\">Gest\u00e3o de Equipes<\/h4>\r\n <p class=\"text-gray-400 font-light text-xs leading-relaxed\">Centralize seu time. Crie a p\u00e1gina oficial, convide seus jogadores, defina fun\u00e7\u00f5es e construa a identidade da sua organiza\u00e7\u00e3o.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white\/[0.02] border border-white\/[0.05] p-6 rounded-xl hover:border-indigo-500\/40 transition-all duration-300 group hover:-translate-y-1\">\r\n <div class=\"w-10 h-10 bg-indigo-500\/10 border border-indigo-500\/20 rounded-lg flex items-center justify-center mb-4\">\r\n <svg class=\"w-5 h-5 text-indigo-400 group-hover:scale-110 transition-transform\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 3v18h18\"\/><path d=\"M18 17V9\"\/><path d=\"M13 17V5\"\/><path d=\"M8 17v-3\"\/><\/svg>\r\n <\/div>\r\n <h4 class=\"font-black text-lg text-white mb-2\">Hist\u00f3rico de Conquistas<\/h4>\r\n <p class=\"text-gray-400 font-light text-xs leading-relaxed\">Mantenha o registro do seu sucesso. Cada torneio vencido e partida disputada ajuda a construir a reputa\u00e7\u00e3o da sua equipe.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"ligaai\" class=\"py-20 relative z-10 border-t border-white\/5 bg-gradient-to-b from-[#0A0514] to-[#05020A]\">\r\n <div class=\"absolute top-0 right-0 w-[300px] h-[300px] bg-fuchsia-600\/10 blur-[120px] rounded-full pointer-events-none\"><\/div>\r\n \r\n <div class=\"max-w-3xl mx-auto px-6 relative z-10\">\r\n <div class=\"text-center mb-10\">\r\n <span class=\"text-fuchsia-400 font-bold text-[9px] tracking-[0.2em] uppercase border border-fuchsia-500\/20 px-3 py-1 bg-fuchsia-500\/10 rounded-full flex items-center justify-center gap-2 w-max mx-auto\">\r\n <svg class=\"w-3 h-3\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 8V4H8\"\/><rect width=\"16\" height=\"12\" x=\"4\" y=\"8\" rx=\"2\"\/><path d=\"M2 14h2\"\/><path d=\"M20 14h2\"\/><path d=\"M15 13v2\"\/><path d=\"M9 13v2\"\/><\/svg>\r\n Assistente Virtual\r\n <\/span>\r\n <h3 class=\"font-black text-3xl md:text-4xl text-white mt-4 tracking-tight\">Conhe\u00e7a a LigaAI.<\/h3>\r\n <p class=\"text-gray-400 mt-3 text-sm font-light leading-relaxed max-w-xl mx-auto\">\r\n Sem ideias de como estruturar seu torneio ou qual nome dar para sua equipe? Descreva o que voc\u00ea precisa e nossa IA gera a base para voc\u00ea.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"bg-black\/60 border border-white\/10 rounded-xl p-6 shadow-2xl backdrop-blur-xl relative\">\r\n \r\n <div class=\"flex p-1 bg-white\/5 rounded-lg mb-6 w-full max-w-sm mx-auto\">\r\n <button id=\"ai-mode-tournament\" class=\"flex-1 py-2 text-[10px] font-bold uppercase tracking-wider rounded-md transition-all bg-purple-600 text-white shadow-md\">\r\n Criar Torneio\r\n <\/button>\r\n <button id=\"ai-mode-team\" class=\"flex-1 py-2 text-[10px] font-bold uppercase tracking-wider rounded-md transition-all text-gray-500 hover:text-white\">\r\n Branding de Time\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"space-y-4\">\r\n <textarea id=\"ai-input\" placeholder=\"Ex: Campeonato de CS2, 16 times...\" class=\"w-full h-24 bg-[#05020A] border border-white\/10 rounded-lg p-3 text-white placeholder-gray-600 text-xs focus:outline-none focus:border-purple-500\/50 transition-colors resize-none\"><\/textarea>\r\n \r\n <button id=\"ai-submit-btn\" class=\"w-full py-3 bg-white text-black font-black text-xs tracking-widest uppercase hover:bg-gray-200 rounded-lg transition-all duration-300 flex items-center justify-center gap-2 disabled:opacity-50\">\r\n Gerar Com a LigaAI \u2728\r\n <svg class=\"w-3.5 h-3.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n \r\n \r\n <div id=\"ai-result-container\" class=\"mt-6 hidden\">\r\n \r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"py-20 relative border-t border-white\/5 overflow-hidden\">\r\n <div class=\"max-w-xl mx-auto px-6 relative z-10 text-center\">\r\n <div class=\"w-12 h-12 bg-purple-500\/20 border border-purple-500\/30 rounded-xl flex items-center justify-center mx-auto mb-5\">\r\n <svg class=\"w-6 h-6 text-purple-400\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"6\" x2=\"10\" y1=\"12\" y2=\"12\"\/><line x1=\"8\" x2=\"8\" y1=\"10\" y2=\"14\"\/><line x1=\"15\" x2=\"15.01\" y1=\"13\" y2=\"13\"\/><line x1=\"18\" x2=\"18.01\" y1=\"11\" y2=\"11\"\/><rect width=\"20\" height=\"12\" x=\"2\" y=\"6\" rx=\"2\"\/><\/svg>\r\n <\/div>\r\n <h2 class=\"font-black text-3xl text-white mb-3\">Pronto para a competi\u00e7\u00e3o?<\/h2>\r\n <p class=\"text-gray-400 text-xs mb-8\">Crie sua conta agora para inscrever seu time ou organizar torneios.<\/p>\r\n \r\n <form class=\"space-y-3\" onsubmit=\"event.preventDefault();\">\r\n <div class=\"grid md:grid-cols-2 gap-3\">\r\n <input type=\"text\" placeholder=\"Nome de Usu\u00e1rio\" class=\"bg-black border border-white\/10 p-3 rounded-lg text-xs text-white placeholder-gray-600 focus:outline-none focus:border-purple-500\/50 transition-colors\" \/>\r\n <input type=\"email\" placeholder=\"E-mail principal\" class=\"bg-black border border-white\/10 p-3 rounded-lg text-xs text-white placeholder-gray-600 focus:outline-none focus:border-purple-500\/50 transition-colors\" \/>\r\n <\/div>\r\n <button class=\"w-full py-3 bg-purple-600 text-white font-black text-xs tracking-widest uppercase hover:bg-purple-500 rounded-lg transition-all flex items-center justify-center gap-2 shadow-[0_0_15px_rgba(147,51,234,0.3)] hover:-translate-y-0.5\">\r\n Criar Conta \r\n <svg class=\"w-3.5 h-3.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m22 2-7 20-4-9-9-4Z\"\/><path d=\"M22 2 11 13\"\/><\/svg>\r\n <\/button>\r\n <\/form>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <footer class=\"bg-[#020105] border-t border-white\/5 pt-12 pb-6\">\r\n <div class=\"max-w-7xl mx-auto px-6\">\r\n <div class=\"flex flex-col md:flex-row justify-between items-center gap-6 mb-8\">\r\n <div class=\"flex items-center gap-2\">\r\n \r\n <img decoding=\"async\" src=\"3d Branco.png\" alt=\"LigaHub Logo\" loading=\"lazy\" class=\"w-6 h-6 object-contain drop-shadow-[0_0_5px_rgba(168,85,247,0.3)]\" \/>\r\n <span class=\"text-white font-black tracking-widest uppercase text-xs\">LIGAHUB<\/span>\r\n <\/div>\r\n\r\n <div class=\"flex gap-5 font-bold text-[9px] tracking-widest uppercase text-gray-500\">\r\n <a href=\"#\" class=\"hover:text-white transition-colors\">Termos<\/a>\r\n <a href=\"#\" class=\"hover:text-white transition-colors\">Privacidade<\/a>\r\n <a href=\"#\" class=\"hover:text-white transition-colors\">Suporte<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"flex flex-col md:flex-row justify-between items-center gap-3 border-t border-white\/5 pt-6\">\r\n <p class=\"font-bold text-[9px] text-gray-600 tracking-widest uppercase\">\u00a9 2026 LigaHub. Plataforma de eSports.<\/p>\r\n <div class=\"flex items-center gap-1.5 font-bold text-[9px] tracking-widest text-emerald-500 uppercase\">\r\n <span class=\"w-1.5 h-1.5 rounded-full bg-emerald-500 animate-pulse\"><\/span>\r\n Sistemas Online\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n \r\n <script>\r\n const apiKey = \"\"; \/\/ A chave \u00e9 injetada automaticamente pelo ambiente de execu\u00e7\u00e3o\r\n \r\n async function fetchWithBackoff(url, options, retries = 5, delay = 1000) {\r\n try {\r\n const response = await fetch(url, options);\r\n if (!response.ok) {\r\n throw new Error(`HTTP error! status: ${response.status}`);\r\n }\r\n return await response.json();\r\n } catch (error) {\r\n if (retries > 0) {\r\n await new Promise(resolve => setTimeout(resolve, delay));\r\n return fetchWithBackoff(url, options, retries - 1, delay * 2);\r\n }\r\n throw error;\r\n }\r\n }\r\n\r\n document.addEventListener('DOMContentLoaded', () => {\r\n const btnTournament = document.getElementById('ai-mode-tournament');\r\n const btnTeam = document.getElementById('ai-mode-team');\r\n const aiInput = document.getElementById('ai-input');\r\n const btnSubmit = document.getElementById('ai-submit-btn');\r\n const resultContainer = document.getElementById('ai-result-container');\r\n\r\n let aiMode = 'tournament';\r\n\r\n function updateModeUI() {\r\n if (aiMode === 'tournament') {\r\n btnTournament.className = 'flex-1 py-2 text-[10px] font-bold uppercase tracking-wider rounded-md transition-all bg-purple-600 text-white shadow-md';\r\n btnTeam.className = 'flex-1 py-2 text-[10px] font-bold uppercase tracking-wider rounded-md transition-all text-gray-500 hover:text-white';\r\n aiInput.placeholder = \"Ex: Campeonato de CS2, 16 times, focando em times amadores...\";\r\n } else {\r\n btnTournament.className = 'flex-1 py-2 text-[10px] font-bold uppercase tracking-wider rounded-md transition-all text-gray-500 hover:text-white';\r\n btnTeam.className = 'flex-1 py-2 text-[10px] font-bold uppercase tracking-wider rounded-md transition-all bg-fuchsia-600 text-white shadow-md';\r\n aiInput.placeholder = \"Ex: Somos um time t\u00e1tico de Valorant, jogamos de forma agressiva e r\u00e1pida...\";\r\n }\r\n }\r\n\r\n btnTournament.addEventListener('click', () => { aiMode = 'tournament'; updateModeUI(); });\r\n btnTeam.addEventListener('click', () => { aiMode = 'team'; updateModeUI(); });\r\n\r\n btnSubmit.addEventListener('click', async () => {\r\n const text = aiInput.value.trim();\r\n if (!text) {\r\n showError(\"Por favor, descreva o que precisa antes de gerar.\");\r\n return;\r\n }\r\n\r\n \/\/ Estado de carregamento\r\n btnSubmit.disabled = true;\r\n btnSubmit.innerHTML = `<svg class=\"w-3.5 h-3.5 animate-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"><\/circle><path class=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"><\/path><\/svg> Processando...`;\r\n resultContainer.classList.add('hidden');\r\n\r\n const systemPrompt = aiMode === 'tournament' \r\n ? \"Atue como um Organizador de eSports experiente no Brasil. O usu\u00e1rio vai descrever um torneio. Retorne um rascunho de regulamento com: 1) Nome impactante para o campeonato com \u2728. 2) Formato de disputa ideal. 3) Tr\u00eas regras fundamentais de W.O e anti-cheat. Responda em Portugu\u00eas BR, com tom profissional, direto e moderno.\"\r\n : \"Atue como um especialista em branding de times de eSports. O usu\u00e1rio vai descrever o time dele. Sugira: 1) Tr\u00eas nomes modernos e fortes para a equipe com \u2728. 2) Um lema curto e marcante. 3) Uma bio de 2 linhas focada em estat\u00edsticas e mentalidade vencedora para o perfil da LigaHub. Responda em Portugu\u00eas BR, tom motivador e premium.\";\r\n\r\n const url = `https:\/\/generativelanguage.googleapis.com\/v1beta\/models\/gemini-2.5-flash-preview-09-2025:generateContent?key=${apiKey}`;\r\n const payload = {\r\n contents: [{ parts: [{ text }] }],\r\n systemInstruction: { parts: [{ text: systemPrompt }] }\r\n };\r\n\r\n try {\r\n const result = await fetchWithBackoff(url, {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application\/json' },\r\n body: JSON.stringify(payload)\r\n });\r\n\r\n const generatedText = result.candidates?.[0]?.content?.parts?.[0]?.text;\r\n if (generatedText) {\r\n showResult(generatedText);\r\n } else {\r\n throw new Error(\"Falha ao obter resposta.\");\r\n }\r\n } catch (err) {\r\n showError(\"Houve um erro ao conectar com a LigaAI. Tente novamente mais tarde.\");\r\n } finally {\r\n btnSubmit.disabled = false;\r\n btnSubmit.innerHTML = `Gerar Com a LigaAI \u2728 <svg class=\"w-3.5 h-3.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z\"\/><\/svg>`;\r\n }\r\n });\r\n\r\n function showResult(text) {\r\n \/\/ Previne HTML injection formatando o texto\r\n const safeText = text.replace(\/<\/g, \"<\").replace(\/>\/g, \">\");\r\n resultContainer.innerHTML = `\r\n <div class=\"p-5 bg-white\/[0.03] border border-white\/10 rounded-lg relative overflow-hidden group\">\r\n <div class=\"absolute top-0 left-0 w-1 h-full bg-gradient-to-b from-purple-500 to-fuchsia-500\"><\/div>\r\n <h4 class=\"font-bold text-[9px] text-purple-400 uppercase tracking-widest mb-3 flex items-center gap-1.5\">\r\n <svg class=\"w-3 h-3\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 8V4H8\"\/><rect width=\"16\" height=\"12\" x=\"4\" y=\"8\" rx=\"2\"\/><path d=\"M2 14h2\"\/><path d=\"M20 14h2\"\/><path d=\"M15 13v2\"\/><path d=\"M9 13v2\"\/><\/svg>\r\n Resposta da LigaAI \u2728\r\n <\/h4>\r\n <div class=\"text-gray-300 text-xs leading-relaxed whitespace-pre-wrap\">${safeText}<\/div>\r\n <\/div>\r\n `;\r\n resultContainer.classList.remove('hidden');\r\n }\r\n\r\n function showError(msg) {\r\n resultContainer.innerHTML = `\r\n <div class=\"p-3 bg-red-500\/10 border border-red-500\/20 rounded-lg text-red-400 text-xs flex items-center gap-2\">\r\n <svg class=\"w-3.5 h-3.5 flex-shrink-0\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z\"\/><path d=\"M12 9v4\"\/><path d=\"M12 17h.01\"\/><\/svg>\r\n <p>${msg}<\/p>\r\n <\/div>\r\n `;\r\n resultContainer.classList.remove('hidden');\r\n }\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>LigaHub – A Plataforma Definitiva de eSports LigaHub A Plataforma Ecossistema LigaAI Login Entrar no Hub A Plataforma Definitiva Sua equipe no centro do jogo. A LigaHub \u00e9 o seu quartel-general: gerencie sua equipe, encontre torneios desafiadores e garanta partidas justas com nosso sistema de check-in automatizado. VER TORNEIOS Torneios Equipes W.O Seguro Sala da […]<\/p>\n","protected":false},"author":432,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_jf_limit_responses":"","footnotes":""},"tip-pag":[],"class_list":["post-28077","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/play.ligahub.org\/vi\/wp-json\/wp\/v2\/pages\/28077","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/play.ligahub.org\/vi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/play.ligahub.org\/vi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/play.ligahub.org\/vi\/wp-json\/wp\/v2\/users\/432"}],"replies":[{"embeddable":true,"href":"https:\/\/play.ligahub.org\/vi\/wp-json\/wp\/v2\/comments?post=28077"}],"version-history":[{"count":0,"href":"https:\/\/play.ligahub.org\/vi\/wp-json\/wp\/v2\/pages\/28077\/revisions"}],"wp:attachment":[{"href":"https:\/\/play.ligahub.org\/vi\/wp-json\/wp\/v2\/media?parent=28077"}],"wp:term":[{"taxonomy":"tip-pag","embeddable":true,"href":"https:\/\/play.ligahub.org\/vi\/wp-json\/wp\/v2\/tip-pag?post=28077"}],"curies":[{"name":"WP","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}