<!DOCTYPE html>
<html lang="es">

<head>

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

<title>Tizentube | Planes Reseller</title>

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

<style>

body{
margin:0;
font-family:Inter;
background:linear-gradient(180deg,#02040a,#030712);
color:white;
}

/* NAV */

.nav{

background:black;
padding:15px 25px;
border-bottom:1px solid #141414;

display:flex;
justify-content:space-between;
align-items:center;

}

.logo{

font-size:20px;
font-weight:700;

}

.logo small{

display:block;
font-size:12px;
color:#9ca3af;

}

.navbuttons{

display:flex;
gap:10px;

}

.navbuttons a{

padding:8px 15px;
border-radius:25px;
text-decoration:none;
color:white;
font-size:13px;
font-weight:600;
white-space:nowrap;

}

.green{

background:#16a34a;

}

.orange{

background:#f97316;

}

/* HERO */

.header{

text-align:center;
margin-top:60px;
padding:0 15px;

}

.badgetop{

border:1px solid #ff3b3b;
padding:8px 18px;
border-radius:25px;
display:inline-block;
color:#ff3b3b;
font-size:14px;

}

h1{

font-size:55px;
margin:15px 0;

}

.orangeText{

color:#ff5a2c;

}

.subtitle{

color:#9ca3af;
font-size:18px;

}

.features{

margin-top:30px;

}

.feature{

display:inline-block;
border:1px solid #ff3b3b;
padding:10px 18px;
border-radius:30px;
margin:6px;
color:#d1d5db;
font-size:14px;

}

/* CARDS */

.cards{

max-width:1200px;
width:95%;
margin:auto;
margin-top:60px;
text-align:center;

}

.card{

background:#05070d;
border-radius:20px;
padding:30px;
width:260px;
display:inline-block;
margin:12px;
border:1px solid #111827;
vertical-align:top;
transition:.3s;

}

.card:hover{

transform:translateY(-5px);

}

/* panel normal */

.normal{

border:1px solid #1f2937;

}

/* panel dorado */

.gold{

border:1px solid #f59e0b;
box-shadow:0 0 30px #f59e0b40;

}

/* panel rojo */

.red{

border:1px solid #ff3b3b;
box-shadow:0 0 30px #ff3b3b30;

}

/* panel ilimitado */

.blue{

background:linear-gradient(180deg,#0b1020,#0f172a);
border:1px solid #f59e0b;
box-shadow:0 0 35px #f59e0b30;

}

.price{

color:#ff3b3b;
font-size:30px;
font-weight:700;

}

.pricegold{

color:#f59e0b;
font-size:34px;
font-weight:700;

}

ul{

list-style:none;
padding:0;
color:#9ca3af;
text-align:left;

}

li{

padding:6px;

}

.buy{

background:#16a34a;
border:none;
padding:13px;
width:100%;
border-radius:25px;
color:white;
font-weight:600;
margin-top:15px;
cursor:pointer;

}

.buy:hover{

background:#15803d;

}

.orangebtn{

background:#f97316;

}

.orangebtn:hover{

background:#ea580c;

}

.badge{

background:#f59e0b;
color:black;
padding:5px 12px;
border-radius:20px;
font-size:12px;
float:right;

}

/* INFO */

.infobox{

max-width:900px;
width:90%;
margin:auto;
margin-top:70px;
padding:40px;
border-radius:25px;
border:1px solid #7f1d1d;
background:linear-gradient(180deg,#070b14,#05070d);
text-align:center;

}

.check{

color:#22c55e;

}

.bigwa{

display:block;
max-width:340px;
width:90%;
margin:40px auto;
background:#16a34a;
padding:18px;
text-align:center;
border-radius:40px;
text-decoration:none;
color:white;
font-weight:600;
font-size:17px;

}

.bigwa:hover{

background:#15803d;

}

/* MOBILE */

@media(max-width:700px){

.nav{

flex-direction:column;
gap:10px;

}

.navbuttons{

width:100%;
justify-content:center;
flex-wrap:wrap;

}

.navbuttons a{

flex:1;
text-align:center;

}

h1{

font-size:38px;

}

.card{

width:90%;

}

.feature{

display:block;

}

}

</style>

</head>

<body>

<div class="nav">

<div class="logo">

📺 Tizentube

<small>YouTube Sin Anuncios</small>

</div>

<div class="navbuttons">

<a class="green">Planes Clientes</a>

<a class="orange">Demo Gratis</a>

<a class="green"
href="https://wa.me/593963429699">

Contactar

</a>

</div>

</div>

<div class="header">

<div class="badgetop">

🔥 Tizentube YOUTUBE Sin Anuncios

</div>

<h1>

Planes <span class="orangeText">Reseller</span>

</h1>

<h2>

¡Escala tu negocio!

</h2>

<p class="subtitle">

Cuentas y paneles para revender YouTube sin anuncios

<br>

Crea cuentas de 1 hasta 12 meses

<br>

<b>1 crédito = 5 dispositivos</b>

</p>

<div class="features">

<div class="feature">📺 Android TV / FireTV / Móvil</div>

<div class="feature">📱 Hasta 5 dispositivos</div>

<div class="feature">📊 Revende créditos</div>

<div class="feature">🚫 Cero anuncios</div>

</div>

</div>

<div class="cards">

<div class="card">

<h3>💎 Panel 10 +1</h3>

<p class="price">$5 USD</p>

<ul>

<li>✔ 10 créditos +1 gratis</li>
<li>✔ Total 11 créditos</li>
<li>✔ 1 crédito = 5 dispositivos</li>
<li>✔ Crea cuentas 1-12 meses</li>

</ul>

<button class="buy" onclick="buy('Panel 10')">
Comprar por WhatsApp
</button>

</div>

<div class="card normal">

<h3>💎 Panel 20 +2</h3>

<p class="price">$10 USD</p>

<ul>

<li>✔ Total 22 créditos</li>
<li>✔ Hasta 110 dispositivos</li>

</ul>

<button class="buy" onclick="buy('Panel 20')">
Comprar
</button>

</div>

<div class="card gold">

<span class="badge">MÁS VENDIDO</span>

<h3>👑 Panel 50 +5</h3>

<p class="price">$20 USD</p>

<ul>

<li>✔ Total 55 créditos</li>
<li>✔ Hasta 275 dispositivos</li>

</ul>

<button class="buy" onclick="buy('Panel 50')">
Comprar
</button>

</div>

<div class="card red">

<h3>💎 Panel 100 +10</h3>

<p class="price">$40 USD</p>

<ul>

<li>✔ Total 110 créditos</li>
<li>✔ Hasta 550 dispositivos</li>
<li>✔ Crea resellers</li>

</ul>

<button class="buy" onclick="buy('Panel 100')">
Comprar
</button>

</div>

<div class="card blue">

<span class="badge">TOP</span>

<h3>♾ Panel ilimitado</h3>

<p class="pricegold">

$70 <span style="font-size:14px;color:#9ca3af">
USD / mes
</span>

</p>

<ul>

<li>✔ Créditos ILIMITADOS</li>
<li>✔ Crea Resellers y SuperResellers</li>
<li>✔ Sin límite dispositivos</li>
<li>✔ Crea cuentas 1-12 meses</li>
<li>✔ Panel Superadmin</li>
<li>✔ App independiente</li>

</ul>

<button class="buy orangebtn"
onclick="buy('Panel ilimitado')">

Contratar ilimitado

</button>

</div>

</div>

<div class="infobox">

<div style="font-size:35px">
❗
</div>

<h2>
¿Cómo funciona?
</h2>

<p class="subtitle">

<span class="check">✔</span>
1 crédito = 5 dispositivos

<br><br>

<span class="check">✔</span>
Cada cuenta hasta 5 dispositivos

<br><br>

<span class="check">✔</span>
Revende créditos y gana dinero

<br><br>

<span class="check">✔</span>
Soporte técnico incluido

<br><br>

<span class="check">✔</span>
Pagos PayPal o crypto

</p>

</div>

<a class="bigwa"
href="https://wa.me/593963429699">

💬 ¿Dudas? Escríbenos por WhatsApp

</a>

<script>

function buy(plan){

window.open(
"https://wa.me/593963429699?text=Quiero%20comprar%20"+plan
)

}

</script>

</body>

</html>