```html





<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Tribe Games Studios</title>

<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&amp;family=Rajdhani:wght@400;600&amp;display=swap" rel="stylesheet">

<style>

*{
margin:0;
padding:0;
box-sizing:border-box;
scroll-behavior:smooth;
}

body{
background:#050505;
color:white;
font-family:'Rajdhani',sans-serif;
overflow-x:hidden;
}

/* GRID BACKGROUND */

body::before{
content:"";
position:fixed;
width:100%;
height:100%;
background-image:
linear-gradient(#111 1px,transparent 1px),
linear-gradient(90deg,#111 1px,transparent 1px);
background-size:40px 40px;
opacity:0.2;
z-index:-1;
}

/* HEADER */

header{
position:fixed;
width:100%;
top:0;
background:#000;
padding:18px 8%;
display:flex;
justify-content:space-between;
align-items:center;
border-bottom:2px solid #ff3c00;
z-index:1000;
}

.logo{
font-family:'Orbitron';
font-size:22px;
color:#ff3c00;
}

nav a{
margin-left:25px;
text-decoration:none;
color:#ddd;
font-size:15px;
}

nav a:hover{
color:#ff6a00;
}

/* HERO */

.hero{
height:100vh;
display:flex;
justify-content:center;
align-items:center;
text-align:center;
background:
linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.9)),
url("https://i.imgur.com/TunTHMt.png");
background-size:cover;
background-position:center;
}

.hero h1{
font-family:'Orbitron';
font-size:70px;
color:#ff3c00;
text-shadow:0 0 25px #ff3c00;
}

.hero p{
margin-top:20px;
font-size:20px;
}

/* BUTTON */

.btn{
display:inline-block;
margin-top:15px;
padding:12px 28px;
background:linear-gradient(45deg,#ff3c00,#ff8800);
border:none;
cursor:pointer;
color:white;
font-size:15px;
border-radius:6px;
text-decoration:none;
font-weight:600;
transition:0.3s;
}

.btn:hover{
transform:translateY(-3px);
box-shadow:0 0 18px #ff3c00;
}

.btn.disabled{
background:#444;
cursor:not-allowed;
pointer-events:none;
}

/* SECTIONS */

section{
padding:100px 8%;
}

.servers{
background:#080808;
}

.servers h2{
text-align:center;
font-family:'Orbitron';
font-size:40px;
color:#ff6a00;
margin-bottom:50px;
}

.server-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:30px;
}

.server{
background:#111;
padding:25px;
border-radius:10px;
border:1px solid #ff3c00;
text-align:center;
transition:0.3s;
}

.server:hover{
transform:translateY(-8px);
box-shadow:0 0 20px rgba(255,60,0,0.6);
}

.server img{
width:100%;
height:120px;
object-fit:contain;
background:black;
padding:10px;
}

.server h3{
margin-top:10px;
color:#ff3c00;
}

.status{
margin-top:10px;
font-weight:bold;
}

.online{
color:#00ff7b;
}

.offline{
color:red;
}

.ip{
margin-top:8px;
font-size:14px;
color:#ccc;
}

/* COMMUNITY */

.community{
text-align:center;
}

.stats{
margin-top:40px;
display:flex;
justify-content:center;
gap:60px;
flex-wrap:wrap;
}

.stat h3{
font-size:45px;
color:#ff6a00;
}

/* FOOTER */

footer{
padding:40px;
text-align:center;
background:#000;
border-top:1px solid #ff3c00;
}

</style>

<script>

function copiarIP(){
navigator.clipboard.writeText("168.75.99.81:27412");
alert("IP copiado: 168.75.99.81:27412");
}

</script>





<header>

<div class="logo">TRIBE GAMES STUDIOS</div>

<nav>
<a href="#">Home</a>
<a href="#servers">Servidores</a>
<a href="#discord">Discord</a>
</nav>

</header>

<section class="hero">

<div>
<h1><br></h1>
</div>

</section>

<section class="servers" id="servers">

<h2>Nossos Servidores</h2>

<div class="server-grid">

<!-- MU -->

<div class="server">
<img src="https://mir-s3-cdn-cf.behance.net/projects/404/657599112699215.Y3JvcCw4MDksNjMzLDY0LDA.png">
<h3>MU Online</h3>
<div class="status online">ONLINE</div>
<a href="https://mutribe.net" target="_blank" class="btn">ENTRAR</a>
</div>

<!-- COUNTER STRIKE -->

<div class="server">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTHGc38dIsnE6ES-Vqrsmk70DJ6mROBV9ctww&amp;s">
<h3>Counter Strike</h3>

<div class="status online">ONLINE</div>

<div class="ip">
IP: <b>168.75.99.81:27412</b>
</div>

<a href="steam://connect/168.75.99.81:27412" class="btn">
ENTRAR NO SERVER
</a>

<button onclick="copiarIP()" class="btn">
COPIAR IP
</button>

</div>

<!-- LINEAGE -->

<div class="server">
<img src="https://i.pinimg.com/736x/c8/88/39/c88839ddeb7dcac1fb30284b06f6ce58.jpg">
<h3>Lineage II</h3>
<div class="status offline">OFFLINE</div>
<a class="btn disabled">EM CONSTRUÇÃO</a>
</div>

<!-- PRISTON -->

<div class="server">
<img src="https://i.imgur.com/csN4UxH.png">
<h3>Priston Tale</h3>
<div class="status offline">OFFLINE</div>
<a class="btn disabled">EM CONSTRUÇÃO</a>
</div>

</div>

</section>

<section class="community">

<h2 style="font-family:Orbitron;color:#ff3c00;">Comunidade</h2>

<div class="stats">

<div class="stat">
<h3>201</h3>
<p>Players Online</p>
</div>

<div class="stat">
<h3>ATIVO</h3>
<p>Proteção Anti-DDoS</p>
</div>

<div class="stat">
<h3>ATIVO</h3>
<p>Proteção Anti-Hacker</p>
</div>

</div>

</section>

<section id="discord" style="text-align:center">

<h2 style="font-family:Orbitron;color:#ff6a00">DISCORD</h2>

<a href="https://discord.gg/2yMAHepY9u" target="_blank" class="btn">
ENTRAR NO DISCORD
</a>

</section>

<footer>

<h2 style="font-family:Orbitron;color:#ff3c00;">TRIBE GAMES STUDIOS</h2>

<p>© 2026 Todos os direitos reservados</p>

</footer>