<div style="max-width: 900px; margin: 0 auto; font-family: 'Segoe UI', sans-serif; color: #e2e8f0; background: #0f172a; padding: 20px; border-radius: 20px; box-shadow: 0 20px 50px rgba(0,0,0,0.6); border: 1px solid #1e293b; position: relative; overflow: hidden;">
  
  <div style="position: absolute; width: 300px; height: 300px; border-radius: 50%; background: radial-gradient(circle, rgba(56,189,248,0.2), transparent); top: -100px; left: -100px; animation: float 12s infinite ease-in-out;"></div>
  <div style="position: absolute; width: 200px; height: 200px; border-radius: 50%; background: radial-gradient(circle, rgba(139,92,246,0.15), transparent); bottom: -80px; right: -80px; animation: float 15s infinite ease-in-out reverse;"></div>

  
  <div style="text-align: center; padding: 35px 20px 25px; background: linear-gradient(180deg, rgba(15,23,42,0.9), transparent); border-radius: 18px 18px 0 0; position: relative; z-index: 2;">
    <h1 style="margin: 0; font-size: 3.5em; font-weight: 900; background: linear-gradient(90deg, #38bdf8, #8b5cf6, #ec4899); -webkit-background-clip: text; -webkit-text-fill-color: transparent; letter-spacing: -1px;">
      PokeImpact
    </h1>
    <p style="font-size: 1.3em; margin: 10px 0 0; color: #94a3b8;">
      <span style="color: #38bdf8;">Catch</span> • <span style="color: #8b5cf6;">Wish</span> • <span style="color: #ec4899;">Rule Teyvat</span>
    </p>
    <div style="margin-top: 15px; display: flex; justify-content: center; gap: 20px; flex-wrap: wrap;">
      <span style="background: rgba(56,189,248,0.2); color: #38bdf8; padding: 6px 14px; border-radius: 20px; font-size: 0.9em; border: 1px solid #38bdf8;">RPG Adventure</span>
      <span style="background: rgba(139,92,246,0.2); color: #8b5cf6; padding: 6px 14px; border-radius: 20px; font-size: 0.9em; border: 1px solid #8b5cf6;">Genshin-Inspired</span>
      <span style="background: rgba(236,72,153,0.2); color: #ec4899; padding: 6px 14px; border-radius: 20px; font-size: 0.9em; border: 1px solid #ec4899;">PvP & Trading</span>
    </div>
  </div>

  
  <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 18px; margin: 30px 0; padding: 0 10px;">
    
    <div style="background: linear-gradient(135deg, #1e293b, #334155); padding: 20px; border-radius: 16px; text-align: center; border: 1px solid #475569; transition: all 0.4s;" onmouseover="this.style.transform='translateY(-8px)'; this.style.boxShadow='0 15px 30px rgba(56,189,248,0.3)'" onmouseout="this.style.transform=''; this.style.boxShadow=''">
      <img src="https://files.catbox.moe/h0jlr4.webp" width="50" height="50" style="margin: 0 auto 12px; border-radius: 12px; object-fit: contain; background: #0f172a; padding: 5px;">
      <h4 style="margin: 0 0 8px; color: #60a5fa;">Catch System</h4>
      <p style="margin: 0; font-size: 0.9em; color: #94a3b8;">React to drops in any channel</p>
    </div>

    
    <div style="background: linear-gradient(135deg, #1e293b, #334155); padding: 20px; border-radius: 16px; text-align: center; border: 1px solid #475569; transition: all 0.4s;" onmouseover="this.style.transform='translateY(-8px)'; this.style.boxShadow='0 15px 30px rgba(139,92,246,0.3)'" onmouseout="this.style.transform=''; this.style.boxShadow=''">
      <img src="https://files.catbox.moe/cp1fz1.webp" width="50" height="50" style="margin: 0 auto 12px; border-radius: 12px; object-fit: contain; background: #0f172a; padding: 5px;">
      <h4 style="margin: 0 0 8px; color: #a78bfa;">Wishing</h4>
      <p style="margin: 0; font-size: 0.9em; color: #94a3b8;">Pull 5★ with Primogems</p>
    </div>

    
    <div style="background: linear-gradient(135deg, #1e293b, #334155); padding: 20px; border-radius: 16px; text-align: center; border: 1px solid #475569; transition: all 0.4s;" onmouseover="this.style.transform='translateY(-8px)'; this.style.boxShadow='0 15px 30px rgba(236,72,153,0.3)'" onmouseout="this.style.transform=''; this.style.boxShadow=''">
      <img src="https://files.catbox.moe/r95a9f.webp" width="50" height="50" style="margin: 0 auto 12px; border-radius: 12px; object-fit: contain; background: #0f172a; padding: 5px;">
      <h4 style="margin: 0 0 8px; color: #f43f5e;">PvP Arena</h4>
      <p style="margin: 0; font-size: 0.9em; color: #94a3b8;">Battle & climb ranks</p>
    </div>

    
    <div style="background: linear-gradient(135deg, #1e293b, #334155); padding: 20px; border-radius: 16px; text-align: center; border: 1px solid #475569; transition: all 0.4s;" onmouseover="this.style.transform='translateY(-8px)'; this.style.boxShadow='0 15px 30px rgba(34,197,94,0.3)'" onmouseout="this.style.transform=''; this.style.boxShadow=''">
      <img src="https://files.catbox.moe/ppqdzk.webp" width="50" height="50" style="margin: 0 auto 12px; border-radius: 12px; object-fit: contain; background: #0f172a; padding: 5px;">
      <h4 style="margin: 0 0 8px; color: #34d399;">Market</h4>
      <p style="margin: 0; font-size: 0.9em; color: #94a3b8;">Trade with players</p>
    </div>
  </div>

  
  <div style="margin: 35px 0; overflow: hidden; border-radius: 16px; position: relative;">
    <div style="display: flex; gap: 12px; animation: scroll 30s linear infinite; padding: 0 10px;">
      <img src="https://files.catbox.moe/ynb8g1.png" style="max-width: 100%; height: 280px; object-fit: contain; background: #111; border-radius: 14px; border: 2px solid #38bdf8; flex-shrink: 0;">
      <img src="https://files.catbox.moe/4lkeqm.png" style="max-width: 100%; height: 280px; object-fit: contain; background: #111; border-radius: 14px; border: 2px solid #8b5cf6; flex-shrink: 0;">
      <img src="https://files.catbox.moe/zctowy.png" style="max-width: 100%; height: 280px; object-fit: contain; background: #111; border-radius: 14px; border: 2px solid #ec4899; flex-shrink: 0;">
      <img src="https://files.catbox.moe/i6cw4j.png" style="max-width: 100%; height: 280px; object-fit: contain; background: #111; border-radius: 14px; border: 2px solid #10b981; flex-shrink: 0;">
      <img src="https://files.catbox.moe/uiou3b.png" style="max-width: 100%; height: 280px; object-fit: contain; background: #111; border-radius: 14px; border: 2px solid #f59e0b; flex-shrink: 0;">
    </div>
  </div>
  <p style="text-align: center; color: #94a3b8; font-size: 0.95em; margin: 8px 0 15px; font-style: italic;">
    Inspired by <b>Clash of Clans</b>, <b>Pokémon (Pokétwo)</b>, <b>Genshin Impact</b>, and <b>Cookie Run Kingdom</b>
  </p>

  
  <div style="margin: 30px 0; background: #1e293b; border-radius: 16px; overflow: hidden; border: 1px solid #475569;">
    <div style="display: flex; flex-wrap: wrap; border-bottom: 1px solid #475569;">
      <div style="flex: 1 1 150px; padding: 14px; text-align: center; background: #334155; color: #38bdf8; font-weight: bold; border-right: 1px solid #475569;">Adventure [4]</div>
      <div style="flex: 1 1 150px; padding: 14px; text-align: center; color: #ec4899; font-weight: bold; border-right: 1px solid #475569;">Wishing [2]</div>
      <div style="flex: 1 1 150px; padding: 14px; text-align: center; color: #f59e0b; font-weight: bold; border-right: 1px solid #475569;">Characters [5]</div>
      <div style="flex: 1 1 150px; padding: 14px; text-align: center; color: #10b981; font-weight: bold;">Market [5]</div>
    </div>
    <div style="padding: 18px; font-family: monospace; line-height: 1.9; color: #e2e8f0; display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 15px;">
      <div><code style="color: #38bdf8;">.start</code><br><code style="color: #38bdf8;">.catch</code><br><code style="color: #38bdf8;">.teams</code><br><code style="color: #38bdf8;">.daily</code></div>
      <div><code style="color: #ec4899;">.wish</code><br><code style="color: #ec4899;">.shop</code></div>
      <div><code style="color: #f59e0b;">.inventory</code><br><code style="color: #f59e0b;">.profile</code><br><code style="color: #f59e0b;">.winv</code><br><code style="color: #f59e0b;">.info</code><br><code style="color: #f59e0b;">.bag</code></div>
      <div><code style="color: #10b981;">.market</code><br><code style="color: #10b981;">.market add</code><br><code style="color: #10b981;">.market list</code><br><code style="color: #10b981;">.market mylistings</code><br><code style="color: #10b981;">.market cancel</code></div>
    </div>
  </div>

  <div style="margin: 20px 0; background: #1e293b; border-radius: 16px; overflow: hidden; border: 1px solid #475569;">
    <div style="display: flex; flex-wrap: wrap; border-bottom: 1px solid #475569;">
      <div style="flex: 1 1 200px; padding: 14px; text-align: center; background: #334155; color: #8b5cf6; font-weight: bold; border-right: 1px solid #475569;">Weapons [4]</div>
      <div style="flex: 1 1 200px; padding: 14px; text-align: center; color: #94a3b8; font-weight: bold; border-right: 1px solid #475569;">Miscellaneous [2]</div>
      <div style="flex: 1 1 200px; padding: 14px; text-align: center; color: #64748b; font-weight: bold;">Utility [8]</div>
    </div>
    <div style="padding: 18px; font-family: monospace; line-height: 1.9; color: #e2e8f0; display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 15px;">
      <div><code style="color: #8b5cf6;">.weaponinventory</code><br><code style="color: #8b5cf6;">(winv)</code><br><code style="color: #8b5cf6;">.wi</code><br><code style="color: #8b5cf6;">.wri</code><br><code style="color: #8b5cf6;">.we</code></div>
      <div><code style="color: #94a3b8;">.nickname</code><br><code style="color: #94a3b8;">.election</code></div>
      <div><code style="color: #64748b;">.spawnchannel</code><br><code style="color: #64748b;">.removespawnchannel</code><br><code style="color: #64748b;">.listspawnchannel</code><br><code style="color: #64748b;">.help</code><br><code style="color: #64748b;">.ping</code><br><code style="color: #64748b;">.info</code><br><code style="color: #64748b;">.dex</code><br><code style="color: #64748b;">.vote</code></div>
    </div>
  </div>

  
  <div style="text-align: center; margin: 30px 0;">
    <a href="https://pokeimpact.vercel.app" style="display: inline-block; background: linear-gradient(45deg, #38bdf8, #60a5fa); color: white; padding: 10px 20px; border-radius: 30px; text-decoration: none; margin: 6px; font-weight: bold; box-shadow: 0 4px 15px rgba(56,189,248,0.4); transition: all 0.3s;" onmouseover="this.style.transform='scale(1.05)'" onmouseout="this.style.transform=''">Website</a>
    <a href="https://discord.gg/QaRMXB4eQX" style="display: inline-block; background: #5865f2; color: white; padding: 10px 20px; border-radius: 30px; text-decoration: none; margin: 6px; font-weight: bold; transition: all 0.3s;" onmouseover="this.style.transform='scale(1.05)'" onmouseout="this.style.transform=''">Support</a>
    <a href="https://top.gg/bot/1125755738728448020" style="display: inline-block; background: #10b981; color: white; padding: 10px 20px; border-radius: 30px; text-decoration: none; margin: 6px; font-weight: bold; transition: all 0.3s;" onmouseover="this.style.transform='scale(1.05)'" onmouseout="this.style.transform=''">Invite</a>
  </div>

  
  <div style="text-align: center; padding: 20px; background: linear-gradient(135deg, #1e293b, #0f172a); border-radius: 0 0 18px 18px; font-size: 0.9em; color: #64748b;">
    <p style="margin: 0;">Crafted with <span style="color: #f43f5e;">Love</span> by <b>Pokemaster</b></p>
    <p style="margin: 8px 0 0; font-style: italic;">“Your Teyvat adventure starts here.”</p>
  </div>
</div>

<style>
@keyframes float {0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}}
@keyframes scroll {0%{transform:translateX(0)}100%{transform:translateX(-100%)}}
</style>

Poké Impact

Poké Impact - Collect. Trade. Win. Repeat!

Vote cho Poké Impact

Bạn muốn hỗ trợ chúng tôi?