Top SitesSTARDEVS VPN — Прокси для Telegram и WhatsApp

Machine Readiness

Stored receipt and evidence

Overall

24

Readable

80

Callable

0

Commerce

0

Payment

0

Machine Access

Inspect the site's MCP endpoint

Open MCP explorer

DialtoneApp can scan the stored discovery files for this domain, try the MCP initialize handshake, and show the raw protocol transcript.

Purchase boundary

read only

Control boundary

unknown

Payment rails

None

Payment providers

None

Payment methods

None

Payment protocols

None

Payment assets

None

Payment networks

None

Capabilities

None

Verified payment surface

No

Crypto only

No

Readable docs

llms, llms-full

Products

0

Variants

0

Priced variants

0

Currencies

0

Offers

0

Priced offers

0

Priced actions

0

Samples

Offer samples

No stored offer samples.

Samples

Action samples

No stored action samples.

Samples

Product samples

No stored product samples.

Document

robots.txt

Not stored for this site.

Document

llms.txt

Open llms.txt

<!DOCTYPE html>
<html lang="ru" data-theme="sand">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>STARDEVS VPN — Прокси для Telegram и WhatsApp</title>
<meta name="description" content="Бесплатные прокси для Telegram и WhatsApp. Подключение одним кликом."/>
<link rel="preconnect" href="https://fonts.googleapis.com" crossorigin/>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/>
<link href="https://fonts.googleapis.com/css2?family=Exo+2:wght@600;700;800&family=Manrope:wght@400;500;600;700&display=swap" rel="stylesheet"/>
<link rel="stylesheet" href="css/style.css"/>
<link rel="icon" type="image/jpeg" href="img/logo.jpg"/>
<!-- Cloudflare Web Analytics --><script defer src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "21c2c43350f347e58b1acb0f93be3abc"}'></script><!-- End Cloudflare Web Analytics -->
<style>
/* ── HERO ── */
.hero {
  min-height:100vh;
  display:flex; flex-direction:column;
  align-items:center; justify-content:center;
  text-align:center; padding:84px 18px 60px;
}
.hero h1 {
  font-family:'Exo 2',sans-serif; font-weight:800;
  font-size:clamp(2.2rem,6.5vw,3.8rem);
  line-height:1.1; letter-spacing:-.035em;
  color:var(--tx); margin-bottom:14px; max-width:560px;
}
.hero h1 em { font-style:normal; color:var(--ac-lt); }
.hero-sub {
  font-size:.95rem; color:var(--tx2); line-height:1.7;
  margin-bottom:44px; max-width:300px;
}

/* ── PROXY SECTION ── */
.px-wrap { width:100%; max-width:560px; }

.px-label {
  display:flex; align-items:center; gap:8px;
  font-size:.65rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase;
  color:var(--tx3); margin-bottom:10px; padding-left:1px;
}
.px-label-dot { width:6px; height:6px; border-radius:50%; flex-shrink:0; }
.px-label-dot.ac  { background:var(--ac-lt); }
.px-label-dot.grn { background:var(--green); }

/* ── TG CARD ── */
.px-card {
  background:var(--card); border:1px solid var(--card-b);
  border-radius:var(--r); overflow:hidden;
  margin-bottom:8px;
  transition:border-color .2s, box-shadow .2s;
}
.px-card:hover { border-color:var(--card-bh); box-shadow:0 6px 24px rgba(0,0,0,.2); }

.px-top-bar { height:2px; }
.px-top-bar.ac  { background:linear-gradient(90deg,var(--ac),rgba(var(--ac-rgb),.15)); }
.px-top-bar.grn { background:linear-gradient(90deg,var(--green),rgba(var(--green-rgb),.15)); }

.px-head {
  display:flex; align-items:center;
  justify-content:space-between; gap:12px;
  padding:14px 16px 0;
}
.px-head-l { display:flex; align-items:center; gap:10px; min-width:0; }
.px-flag { font-size:1.4rem; flex-shrink:0; }
.px-name {
  font-family:'Exo 2',sans-serif; font-weight:700;
  font-size:.92rem; color:var(--tx); margin-bottom:2px;
}
.px-srv {
  font-size:.71rem; color:var(--tx3);
  font-family:'Courier New',monospace;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:200px;
}
.px-tag {
  display:inline-flex; align-items:center;
  font-size:.65rem; font-weight:700; letter-spacing:.07em; text-transform:uppercase;
  padding:3px 9px; border-radius:100px; flex-shrink:0;
}
.px-tag.ac  { background:var(--ac-dim); color:var(--ac-lt); }
.px-tag.grn { background:var(--green-dim); color:var(--green); }

/* action row */
.px-action {
  display:flex; align-items:center; gap:8px;
  padding:12px 16px 14px;
}
.px-connect {
  flex:1; display:flex; align-items:center; justify-content:center; gap:8px;
  padding:11px; border-radius:100px;
  font-family:'Manrope',sans-serif; font-weight:700; font-size:.84rem;
  transition:opacity .2s, transform .15s;
}
.px-connect.ac  { background:var(--btn); color:#fff; box-shadow:0 3px 16px var(--ac-gl); }
.px-connect.grn { background:var(--green); color:#fff; box-shadow:0 3px 16px var(--green-gl); }
.px-connect:hover { opacity:.88; transform:translateY(-1px); }

/* copy icon btn */
.px-copy {
  width:40px; height:40px; border-radius:50%; flex-shrink:0;
  display:flex; align-items:center; justify-content:center;
  background:var(--bg2); border:1px solid var(--card-b);
  color:var(--tx3); transition:all .2s;
}
.px-copy:hover { background:var(--ac-dim); color:var(--ac-lt); border-color:rgba(var(--ac-rgb),.35); }
.px-copy svg { width:14px; height:14px; pointer-events:none; }

/* ── ACCORDION — params & wa-how ── */
.px-acc-trigger {
  width:100%; display:flex; align-items:center; justify-content:space-between;
  padding:10px 16px; border-top:1px solid var(--card-b);
  font-size:.8rem; font-weight:600; color:var(--tx3);
  transition:color .2s, background .2s;
}
.px-acc-trigger:hover { color:var(--tx2); }
.px-acc-trigger.open { color:var(--ac-lt); }
.px-acc-trigger.grn-trigger:hover { color:var(--green); }
.px-acc-trigger.grn-trigger.open { color:var(--green); }
.px-chev { transition:transform .3s var(--ease); }
.px-acc-trigger.open .px-chev { transform:rotate(180deg); }

.px-acc-body { max-height:0; overflow:hidden; transition:max-height .4s var(--ease),opacity .3s; opacity:0; }
.px-acc-body.open { max-height:500px; opacity:1; }
.px-acc-inner { padding:12px 16px 14px; border-top:1px solid var(--card-b); }

/* params table */
.px-row {
  display:flex; justify-content:space-between; align-items:center;
  gap:10px; padding:6px 0; font-size:.79rem;
}
.px-row:not(:last-child) { border-bottom:1px solid var(--card-b); }
.px-k { color:var(--tx3); flex-shrink:0; font-weight:500; }
.px-v { color:var(--tx); font-family:'Courier New',monospace; font-size:.75rem; text-align:right; word-break:break-all; font-weight:600; }
.px-copy-row {
  display:flex; align-items:center; justify-content:center;
  width:26px; height:26px; border-radius:6px; flex-shrink:0;
  background:var(--bg2); border:1px solid var(--card-b);
  color:var(--tx3); transition:all .2s;
}
.px-copy-row:hover { background:var(--ac-dim); color:var(--ac-lt); border-color:rgba(var(--ac-rgb),.3); }
.px-copy-row svg { width:12px; height:12px; pointer-events:none; }
.px-copy-all {
  display:flex; align-items:center; justify-content:center; gap:7px;
  width:100%; margin-top:10px; padding:8px; border-radius:var(--r-sm);
  background:var(--ac-dim); border:1px solid rgba(var(--ac-rgb),.2);
  color:var(--ac-lt); font-size:.79rem; font-weight:600; transition:background .2s;
}
.px-copy-all:hover { background:rgba(var(--ac-rgb),.2); }

/* wa steps */
.wa-step { display:flex; align-items:flex-start; gap:9px; font-size:.83rem; color:var(--tx2); line-height:1.6; padding:3px 0; }
.wa-n {
  width:20px; height:20px; border-radius:50%; flex-shrink:0;
  background:var(--green-dim); border:1px solid rgba(var(--green-rgb),.3);
  display:flex; align-items:center; justify-content:center;
  font-size:.67rem; font-weight:700; color:var(--green); margin-top:1px;
}
.wa-step strong { color:var(--tx); font-weight:600; }
.wa-step code { font-family:'Courier New',monospace; font-size:.8em; background:var(--green-dim); padding:2px 6px; border-radius:4px; color:var(--green); word-break:break-all; }

/* ── VPN STRIP ── */
.vpn-strip {
  background:var(--card); border:1px solid var(--card-b);
  border-radius:var(--r); padding:20px 18px;
  display:flex; flex-direction:column; align-items:center;
  gap:12px; max-width:560px; width:100%; text-align:center;
}
.strip-l { width:100%; }
.strip-l .strip-title { font-family:'Exo 2',sans-serif; font-weight:700; font-size:.92rem; color:var(--tx); margin-bottom:3px; }
.strip-l .strip-sub { font-size:.76rem; color:var(--tx2); line-height:1.55; }
.strip-btns {
  display:flex; gap:8px; width:100%;
  flex-wrap:wrap; justify-content:center;
}
.strip-btns .btn {
  flex:1 1 230px;
  min-width:0;
  justify-content:center;
}
.strip-help {
  width:100%;
  max-width:520px;
  margin-top:2px;
  font-size:.74rem;
  color:var(--tx3);
  line-height:1.45;
  text-align:center;
}

@media(max-width:480px){
  .vpn-strip { align-items:center; }
  .strip-btns { width:100%; }
  .strip-btns .btn { flex:1 1 100%; }
  .strip-help { font-size:.72rem; }
}

/* ── MOBILE CARD FIXES ── */
@media(max-width:540px){
  /* px-head: stack flag+name on left, tag stays right but shrink */
  .px-head { padding:12px 14px 0; gap:8px; }
  .px-tag { font-size:.6rem; padding:2px 7px; flex-shrink:0; }
  .px-srv { max-width:140px; font-size:.68rem; }
  .px-name { font-size:.88rem; }
  .px-action { padding:10px 14px 12px; gap:7px; }
  .px-connect { font-size:.82rem; padding:10px 12px; }
  .px-copy { width:36px; height:36px; }
  .px-acc-trigger { padding:9px 14px; font-size:.78rem; }
  .px-acc-inner { padding:10px 14px 12px; }
  .px-label { font-size:.62rem; }
  /* WA card */
  .wa-n { width:18px; height:18px; font-size:.62rem; }
  .wa-step { font-size:.81rem; }
}
</style>
</head>
<body>
<div class="grid-bg"></div>
<div class="toast" id="toast"></div>

<nav>
  <a class="nav-logo" href="index.html"><img class="nav-logo-img" src="img/logo.jpg" alt="STARDEVS VPN"/><span class="nl">STARDEVS</span><span class="nv">VPN</span></a>
  <div class="nav-links">
    <a class="nav-link active" href="index.html">Прокси</a>
    <a class="nav-link" href="start.html">Быстрый старт</a>
    <a class="nav-link" href="guide.html">Инструкции</a>
    <a class="nav-link" href="tarif.html">Тарифы</a>
    <a class="nav-link" href="faq.html">FAQ</a>
  </div>
  <div class="nav-right">
    <a class="btn-pill ac" href="https://t.me/devsvpn_bot" target="_blank" rel="noopener">💬 Бот</a>
    <a class="btn-pill ac" href="/web/dashboard">👤 Личный кабинет</a>
    <button class="ttog" aria-label="Тема"></button>
    <button class="hbg" id="hbg"><span></span><span></span><span></span></button>
  </div>
</nav>
<div class="mob-drawer" id="mob-drawer">
  <a class="nav-link" href="index.html">Прокси</a>
  <a class="nav-link" href="start.html">Быстрый старт</a>
  <a class="nav-link" href="guide.html">Инструкции</a>
    <a class="nav-link" href="tarif.html">Тарифы</a>
  <a class="nav-link" href="faq.html">FAQ</a>
</div>
<div class="mob-ov" id="mob-ov"></div>

<main class="hero z1">
  <div class="status-badge a1"><span class="badge-dot"></span>Прокси онлайн</div>
  <h1 class="a2">Подключи Telegram —<br/><em>одним кликом</em></h1>
  <p class="hero-sub a3">Telegram и WhatsApp работают без VPN.<br/>- Бесплатно -</p>

  <div class="px-wrap a4">

    <!-- ── TELEGRAM ── -->
    <div class="px-label">
      <span class="px-label-dot ac"></span>
      Telegram — MTProxy
    </div>

    <!-- NL -->
    <div class="px-card">
      <div class="px-top-bar ac"></div>
      <div class="px-head">
        <div class="px-head-l">
          <span class="px-flag">🇳🇱</span>
          <div>
            <div class="px-name">Нидерланды</div><div style="font-size:.65rem;font-weight:700;color:var(--green);margin-top:1px">★ Рекомендуем</div>
            <div class="px-srv">tg.stardevs.top</div>
          </div>
        </div>
        <span class="px-tag ac">Telegram</span>
      </div>
      <div class="px-action">
        <a class="px-connect ac" href="tg://proxy?server=tg.stardevs.top&port=443&secret=ee79612e72750c0187822d7b6a8ed3da">
          Подключить
        </a>
        <button class="px-copy" data-copy="tg://proxy?server=tg.stardevs.top&port=443&secret=ee79612e72750c0187822d7b6a8ed3da" aria-label="Скопировать ссылку">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"/></svg>
        </button>
      </div>
      <button class="px-acc-trigger acc-btn" data-target="acc-nl">
        <span>Параметры подключения</span>
        <svg class="px-chev acc-chev" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M6 9l6 6 6-6"/></svg>
      </button>
      <div class="px-acc-body acc-body" id="acc-nl">
        <div class="px-acc-inner">
          <div class="px-row"><span class="px-k">Сервер</span><span class="px-v">tg.stardevs.top</span><button class="px-copy-row" data-copy="tg.stardevs.top"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"/></svg></button></div>
          <div class="px-row"><span class="px-k">Порт</span><span class="px-v">443</span><button class="px-copy-row" data-copy="443"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"/></svg></button></div>
          <div class="px-row"><span class="px-k">Протокол</span><span class="px-v">MTProto · TLS</span><button class="px-copy-row" data-copy="MTProto TLS"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"/></svg></button></div>
          <div class="px-row"><span class="px-k">Secret</span><span class="px-v">ee79612e72750c0187822d7b6a8ed3da</span><button class="px-copy-row" data-copy="ee79612e72750c0187822d7b6a8ed3da"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"/></svg></button></div>
          <button class="px-copy-all" data-copy="tg://proxy?server=tg.stardevs.top&port=443&secret=ee79612e72750c0187822d7b6a8ed3da">
            <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"/></svg>
            Скопировать ссылку целиком
          </button>
        </div>
      </div>
    </div>

    <!-- PL -->
    <div class="px-card">
      <div class="px-top-bar ac"></div>
      <div class="px-head">
        <div class="px-head-l">
          <span class="px-flag">🇩🇪</span>
          <div>
            <div class="px-name">Германия</div>
            <div class="px-srv">Скоро...</div>
          </div>
        </div>
        <span class="px-tag ac">Telegram</span>
      </div>
      <div class="px-action">
        <a class="px-connect ac" href="Скоро...">
          Подключить
        </a>
        <button class="px-copy" data-copy="Скоро..." aria-label="Скопировать ссылку">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"/></svg>
        </button>
      </div>
      <button class="px-acc-trigger acc-btn" data-target="acc-pl">
        <span>Параметры подключения</span>
        <svg class="px-chev acc-chev" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M6 9l6 6 6-6"/></svg>
      </button>
      <div class="px-acc-body acc-body" id="acc-pl">
        <div class="px-acc-inner">
          <div class="px-row"><span class="px-k">Сервер</span><span class="px-v">Скоро...</span><button class="px-copy-row" data-copy="Скоро..."><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"/></svg></button></div>
          <div class="px-row"><span class="px-k">Порт</span><span class="px-v">Скоро...</span><button class="px-copy-row" data-copy="Скоро..."><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"/></svg></button></div>
          <div class="px-row"><span class="px-k">Протокол</span><span class="px-v">MTProto · TLS</span><button class="px-copy-row" data-copy="MTProto TLS"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"/></svg></button></div>
          <div class="px-row"><span class="px-k">Secret</span><span class="px-v">Скоро...</span><button class="px-copy-row" data-copy="Скоро..."><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"/></svg></button></div>
          <button class="px-copy-all" data-copy="Скоро...">
            <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"/></svg>
            Скопировать ссылку целиком
          </button>
        </div>
      </div>
    </div>

    <!-- ── WHATSAPP ── -->
    <div class="px-label" style="margin-top:20px">
      <span class="px-label-dot grn"></span>
      WhatsApp — Прокси
    </div>

    <div class="px-card" style="margin-bottom:24px">
      <div class="px-top-bar grn"></div>
      <div class="px-head">
        <div class="px-head-l">
          <span class="px-flag">🇩🇪</span>
          <div>
            <div class="px-name">Германия</div>
            <div class="px-srv">Скоро...</div>
          </div>
        </div>
        <div style="display:flex;align-items:center;gap:7px">
          <span class="px-tag grn">WhatsApp</span>
          <button class="px-copy" data-copy="Скоро..." aria-label="Скопировать адрес">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"/></svg>
          </button>
        </div>
      </div>
      <button class="px-acc-trigger grn-trigger acc-btn" data-target="acc-wa">
        <span>Как подключить</span>
        <svg class="px-chev acc-chev" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M6 9l6 6 6-6"/></svg>
      </button>
      <div class="px-acc-body acc-body" id="acc-wa">
        <div class="px-acc-inner" style="display:flex;flex-direction:column;gap:6px">
          <div class="wa-step"><span class="wa-n">1</span><span>Открой <strong>WhatsApp</strong></span></div>
          <div class="wa-step"><span class="wa-n">2</span><span>Перейди в <strong>Настройки → Данные и хранилище</strong></span></div>
          <div class="wa-step"><span class="wa-n">3</span><span>Открой <strong>Прокси-сервер</strong></span></div>
          <div class="wa-step"><span class="wa-n">4</span><span>Нажми <strong>Настроить прокси-сервер</strong></span></div>
          <div class="wa-step"><span class="wa-n">5</span><span>Введи адрес: <code>Скоро...</code></span></div>
          <div class="wa-step"><span class="wa-n">6</span><span>Нажми <strong>Сохранить</strong> → переключи в <strong>ВКЛ</strong></span></div>
          <div class="wa-step"><span class="wa-n">7</span><span>Статус: <strong style="color:var(--green)">прокси подключён ✓</strong></span></div>
        </div>
      </div>
    </div>

    <!-- ── VPN STRIP ── -->
    <div class="vpn-strip a5">
      <div class="strip-l">
        <div class="strip-title">✦ Нужен полный VPN?</div>
        <div class="strip-sub">13+ локаций · до 10 Гбит/с · без логов<br/>от 75₽</div>
      </div>
      <div class="strip-btns">
        <a class="btn primary" href="start.html">🚀 Быстрый старт БОТ</a>
        <a class="btn primary" href="start-lk.html">👤 Быстрый старт ЛК</a>
        <a class="btn ghost" href="guide.html">📖 Гайд</a>
        <a class="btn ghost" href="tarif.html">💸 Тарифы</a>
      </div>
      <div class="strip-help">Быстрый старт ЛК: открой Личный кабинет, авторизуйся через Telegram, подключи устройство и добавь подписку в INCY или Happ.</div>
    </div>

  </div>
</main>

<footer class="z1">
  <span class="fc">© 2026 STARDEVS VPN</span>
  <div class="foot-links">
    <a class="fl" href="https://t.me/sdvp_support" target="_blank" rel="noopener">Поддержка</a>
    <a class="fl" href="https://t.me/devsvpn_bot" target="_blank" rel="noopener">@devsvpn_bot</a>
  </div>
</footer>
<script src="js/app.js"></script>
</body>
</html>

Document

llms-full.txt

Open llms-full.txt

<!DOCTYPE html>
<html lang="ru" data-theme="sand">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>STARDEVS VPN — Прокси для Telegram и WhatsApp</title>
<meta name="description" content="Бесплатные прокси для Telegram и WhatsApp. Подключение одним кликом."/>
<link rel="preconnect" href="https://fonts.googleapis.com" crossorigin/>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/>
<link href="https://fonts.googleapis.com/css2?family=Exo+2:wght@600;700;800&family=Manrope:wght@400;500;600;700&display=swap" rel="stylesheet"/>
<link rel="stylesheet" href="css/style.css"/>
<link rel="icon" type="image/jpeg" href="img/logo.jpg"/>
<!-- Cloudflare Web Analytics --><script defer src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "21c2c43350f347e58b1acb0f93be3abc"}'></script><!-- End Cloudflare Web Analytics -->
<style>
/* ── HERO ── */
.hero {
  min-height:100vh;
  display:flex; flex-direction:column;
  align-items:center; justify-content:center;
  text-align:center; padding:84px 18px 60px;
}
.hero h1 {
  font-family:'Exo 2',sans-serif; font-weight:800;
  font-size:clamp(2.2rem,6.5vw,3.8rem);
  line-height:1.1; letter-spacing:-.035em;
  color:var(--tx); margin-bottom:14px; max-width:560px;
}
.hero h1 em { font-style:normal; color:var(--ac-lt); }
.hero-sub {
  font-size:.95rem; color:var(--tx2); line-height:1.7;
  margin-bottom:44px; max-width:300px;
}

/* ── PROXY SECTION ── */
.px-wrap { width:100%; max-width:560px; }

.px-label {
  display:flex; align-items:center; gap:8px;
  font-size:.65rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase;
  color:var(--tx3); margin-bottom:10px; padding-left:1px;
}
.px-label-dot { width:6px; height:6px; border-radius:50%; flex-shrink:0; }
.px-label-dot.ac  { background:var(--ac-lt); }
.px-label-dot.grn { background:var(--green); }

/* ── TG CARD ── */
.px-card {
  background:var(--card); border:1px solid var(--card-b);
  border-radius:var(--r); overflow:hidden;
  margin-bottom:8px;
  transition:border-color .2s, box-shadow .2s;
}
.px-card:hover { border-color:var(--card-bh); box-shadow:0 6px 24px rgba(0,0,0,.2); }

.px-top-bar { height:2px; }
.px-top-bar.ac  { background:linear-gradient(90deg,var(--ac),rgba(var(--ac-rgb),.15)); }
.px-top-bar.grn { background:linear-gradient(90deg,var(--green),rgba(var(--green-rgb),.15)); }

.px-head {
  display:flex; align-items:center;
  justify-content:space-between; gap:12px;
  padding:14px 16px 0;
}
.px-head-l { display:flex; align-items:center; gap:10px; min-width:0; }
.px-flag { font-size:1.4rem; flex-shrink:0; }
.px-name {
  font-family:'Exo 2',sans-serif; font-weight:700;
  font-size:.92rem; color:var(--tx); margin-bottom:2px;
}
.px-srv {
  font-size:.71rem; color:var(--tx3);
  font-family:'Courier New',monospace;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:200px;
}
.px-tag {
  display:inline-flex; align-items:center;
  font-size:.65rem; font-weight:700; letter-spacing:.07em; text-transform:uppercase;
  padding:3px 9px; border-radius:100px; flex-shrink:0;
}
.px-tag.ac  { background:var(--ac-dim); color:var(--ac-lt); }
.px-tag.grn { background:var(--green-dim); color:var(--green); }

/* action row */
.px-action {
  display:flex; align-items:center; gap:8px;
  padding:12px 16px 14px;
}
.px-connect {
  flex:1; display:flex; align-items:center; justify-content:center; gap:8px;
  padding:11px; border-radius:100px;
  font-family:'Manrope',sans-serif; font-weight:700; font-size:.84rem;
  transition:opacity .2s, transform .15s;
}
.px-connect.ac  { background:var(--btn); color:#fff; box-shadow:0 3px 16px var(--ac-gl); }
.px-connect.grn { background:var(--green); color:#fff; box-shadow:0 3px 16px var(--green-gl); }
.px-connect:hover { opacity:.88; transform:translateY(-1px); }

/* copy icon btn */
.px-copy {
  width:40px; height:40px; border-radius:50%; flex-shrink:0;
  display:flex; align-items:center; justify-content:center;
  background:var(--bg2); border:1px solid var(--card-b);
  color:var(--tx3); transition:all .2s;
}
.px-copy:hover { background:var(--ac-dim); color:var(--ac-lt); border-color:rgba(var(--ac-rgb),.35); }
.px-copy svg { width:14px; height:14px; pointer-events:none; }

/* ── ACCORDION — params & wa-how ── */
.px-acc-trigger {
  width:100%; display:flex; align-items:center; justify-content:space-between;
  padding:10px 16px; border-top:1px solid var(--card-b);
  font-size:.8rem; font-weight:600; color:var(--tx3);
  transition:color .2s, background .2s;
}
.px-acc-trigger:hover { color:var(--tx2); }
.px-acc-trigger.open { color:var(--ac-lt); }
.px-acc-trigger.grn-trigger:hover { color:var(--green); }
.px-acc-trigger.grn-trigger.open { color:var(--green); }
.px-chev { transition:transform .3s var(--ease); }
.px-acc-trigger.open .px-chev { transform:rotate(180deg); }

.px-acc-body { max-height:0; overflow:hidden; transition:max-height .4s var(--ease),opacity .3s; opacity:0; }
.px-acc-body.open { max-height:500px; opacity:1; }
.px-acc-inner { padding:12px 16px 14px; border-top:1px solid var(--card-b); }

/* params table */
.px-row {
  display:flex; justify-content:space-between; align-items:center;
  gap:10px; padding:6px 0; font-size:.79rem;
}
.px-row:not(:last-child) { border-bottom:1px solid var(--card-b); }
.px-k { color:var(--tx3); flex-shrink:0; font-weight:500; }
.px-v { color:var(--tx); font-family:'Courier New',monospace; font-size:.75rem; text-align:right; word-break:break-all; font-weight:600; }
.px-copy-row {
  display:flex; align-items:center; justify-content:center;
  width:26px; height:26px; border-radius:6px; flex-shrink:0;
  background:var(--bg2); border:1px solid var(--card-b);
  color:var(--tx3); transition:all .2s;
}
.px-copy-row:hover { background:var(--ac-dim); color:var(--ac-lt); border-color:rgba(var(--ac-rgb),.3); }
.px-copy-row svg { width:12px; height:12px; pointer-events:none; }
.px-copy-all {
  display:flex; align-items:center; justify-content:center; gap:7px;
  width:100%; margin-top:10px; padding:8px; border-radius:var(--r-sm);
  background:var(--ac-dim); border:1px solid rgba(var(--ac-rgb),.2);
  color:var(--ac-lt); font-size:.79rem; font-weight:600; transition:background .2s;
}
.px-copy-all:hover { background:rgba(var(--ac-rgb),.2); }

/* wa steps */
.wa-step { display:flex; align-items:flex-start; gap:9px; font-size:.83rem; color:var(--tx2); line-height:1.6; padding:3px 0; }
.wa-n {
  width:20px; height:20px; border-radius:50%; flex-shrink:0;
  background:var(--green-dim); border:1px solid rgba(var(--green-rgb),.3);
  display:flex; align-items:center; justify-content:center;
  font-size:.67rem; font-weight:700; color:var(--green); margin-top:1px;
}
.wa-step strong { color:var(--tx); font-weight:600; }
.wa-step code { font-family:'Courier New',monospace; font-size:.8em; background:var(--green-dim); padding:2px 6px; border-radius:4px; color:var(--green); word-break:break-all; }

/* ── VPN STRIP ── */
.vpn-strip {
  background:var(--card); border:1px solid var(--card-b);
  border-radius:var(--r); padding:20px 18px;
  display:flex; flex-direction:column; align-items:center;
  gap:12px; max-width:560px; width:100%; text-align:center;
}
.strip-l { width:100%; }
.strip-l .strip-title { font-family:'Exo 2',sans-serif; font-weight:700; font-size:.92rem; color:var(--tx); margin-bottom:3px; }
.strip-l .strip-sub { font-size:.76rem; color:var(--tx2); line-height:1.55; }
.strip-btns {
  display:flex; gap:8px; width:100%;
  flex-wrap:wrap; justify-content:center;
}
.strip-btns .btn {
  flex:1 1 230px;
  min-width:0;
  justify-content:center;
}
.strip-help {
  width:100%;
  max-width:520px;
  margin-top:2px;
  font-size:.74rem;
  color:var(--tx3);
  line-height:1.45;
  text-align:center;
}

@media(max-width:480px){
  .vpn-strip { align-items:center; }
  .strip-btns { width:100%; }
  .strip-btns .btn { flex:1 1 100%; }
  .strip-help { font-size:.72rem; }
}

/* ── MOBILE CARD FIXES ── */
@media(max-width:540px){
  /* px-head: stack flag+name on left, tag stays right but shrink */
  .px-head { padding:12px 14px 0; gap:8px; }
  .px-tag { font-size:.6rem; padding:2px 7px; flex-shrink:0; }
  .px-srv { max-width:140px; font-size:.68rem; }
  .px-name { font-size:.88rem; }
  .px-action { padding:10px 14px 12px; gap:7px; }
  .px-connect { font-size:.82rem; padding:10px 12px; }
  .px-copy { width:36px; height:36px; }
  .px-acc-trigger { padding:9px 14px; font-size:.78rem; }
  .px-acc-inner { padding:10px 14px 12px; }
  .px-label { font-size:.62rem; }
  /* WA card */
  .wa-n { width:18px; height:18px; font-size:.62rem; }
  .wa-step { font-size:.81rem; }
}
</style>
</head>
<body>
<div class="grid-bg"></div>
<div class="toast" id="toast"></div>

<nav>
  <a class="nav-logo" href="index.html"><img class="nav-logo-img" src="img/logo.jpg" alt="STARDEVS VPN"/><span class="nl">STARDEVS</span><span class="nv">VPN</span></a>
  <div class="nav-links">
    <a class="nav-link active" href="index.html">Прокси</a>
    <a class="nav-link" href="start.html">Быстрый старт</a>
    <a class="nav-link" href="guide.html">Инструкции</a>
    <a class="nav-link" href="tarif.html">Тарифы</a>
    <a class="nav-link" href="faq.html">FAQ</a>
  </div>
  <div class="nav-right">
    <a class="btn-pill ac" href="https://t.me/devsvpn_bot" target="_blank" rel="noopener">💬 Бот</a>
    <a class="btn-pill ac" href="/web/dashboard">👤 Личный кабинет</a>
    <button class="ttog" aria-label="Тема"></button>
    <button class="hbg" id="hbg"><span></span><span></span><span></span></button>
  </div>
</nav>
<div class="mob-drawer" id="mob-drawer">
  <a class="nav-link" href="index.html">Прокси</a>
  <a class="nav-link" href="start.html">Быстрый старт</a>
  <a class="nav-link" href="guide.html">Инструкции</a>
    <a class="nav-link" href="tarif.html">Тарифы</a>
  <a class="nav-link" href="faq.html">FAQ</a>
</div>
<div class="mob-ov" id="mob-ov"></div>

<main class="hero z1">
  <div class="status-badge a1"><span class="badge-dot"></span>Прокси онлайн</div>
  <h1 class="a2">Подключи Telegram —<br/><em>одним кликом</em></h1>
  <p class="hero-sub a3">Telegram и WhatsApp работают без VPN.<br/>- Бесплатно -</p>

  <div class="px-wrap a4">

    <!-- ── TELEGRAM ── -->
    <div class="px-label">
      <span class="px-label-dot ac"></span>
      Telegram — MTProxy
    </div>

    <!-- NL -->
    <div class="px-card">
      <div class="px-top-bar ac"></div>
      <div class="px-head">
        <div class="px-head-l">
          <span class="px-flag">🇳🇱</span>
          <div>
            <div class="px-name">Нидерланды</div><div style="font-size:.65rem;font-weight:700;color:var(--green);margin-top:1px">★ Рекомендуем</div>
            <div class="px-srv">tg.stardevs.top</div>
          </div>
        </div>
        <span class="px-tag ac">Telegram</span>
      </div>
      <div class="px-action">
        <a class="px-connect ac" href="tg://proxy?server=tg.stardevs.top&port=443&secret=ee79612e72750c0187822d7b6a8ed3da">
          Подключить
        </a>
        <button class="px-copy" data-copy="tg://proxy?server=tg.stardevs.top&port=443&secret=ee79612e72750c0187822d7b6a8ed3da" aria-label="Скопировать ссылку">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"/></svg>
        </button>
      </div>
      <button class="px-acc-trigger acc-btn" data-target="acc-nl">
        <span>Параметры подключения</span>
        <svg class="px-chev acc-chev" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M6 9l6 6 6-6"/></svg>
      </button>
      <div class="px-acc-body acc-body" id="acc-nl">
        <div class="px-acc-inner">
          <div class="px-row"><span class="px-k">Сервер</span><span class="px-v">tg.stardevs.top</span><button class="px-copy-row" data-copy="tg.stardevs.top"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"/></svg></button></div>
          <div class="px-row"><span class="px-k">Порт</span><span class="px-v">443</span><button class="px-copy-row" data-copy="443"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"/></svg></button></div>
          <div class="px-row"><span class="px-k">Протокол</span><span class="px-v">MTProto · TLS</span><button class="px-copy-row" data-copy="MTProto TLS"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"/></svg></button></div>
          <div class="px-row"><span class="px-k">Secret</span><span class="px-v">ee79612e72750c0187822d7b6a8ed3da</span><button class="px-copy-row" data-copy="ee79612e72750c0187822d7b6a8ed3da"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"/></svg></button></div>
          <button class="px-copy-all" data-copy="tg://proxy?server=tg.stardevs.top&port=443&secret=ee79612e72750c0187822d7b6a8ed3da">
            <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"/></svg>
            Скопировать ссылку целиком
          </button>
        </div>
      </div>
    </div>

    <!-- PL -->
    <div class="px-card">
      <div class="px-top-bar ac"></div>
      <div class="px-head">
        <div class="px-head-l">
          <span class="px-flag">🇩🇪</span>
          <div>
            <div class="px-name">Германия</div>
            <div class="px-srv">Скоро...</div>
          </div>
        </div>
        <span class="px-tag ac">Telegram</span>
      </div>
      <div class="px-action">
        <a class="px-connect ac" href="Скоро...">
          Подключить
        </a>
        <button class="px-copy" data-copy="Скоро..." aria-label="Скопировать ссылку">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"/></svg>
        </button>
      </div>
      <button class="px-acc-trigger acc-btn" data-target="acc-pl">
        <span>Параметры подключения</span>
        <svg class="px-chev acc-chev" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M6 9l6 6 6-6"/></svg>
      </button>
      <div class="px-acc-body acc-body" id="acc-pl">
        <div class="px-acc-inner">
          <div class="px-row"><span class="px-k">Сервер</span><span class="px-v">Скоро...</span><button class="px-copy-row" data-copy="Скоро..."><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"/></svg></button></div>
          <div class="px-row"><span class="px-k">Порт</span><span class="px-v">Скоро...</span><button class="px-copy-row" data-copy="Скоро..."><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"/></svg></button></div>
          <div class="px-row"><span class="px-k">Протокол</span><span class="px-v">MTProto · TLS</span><button class="px-copy-row" data-copy="MTProto TLS"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"/></svg></button></div>
          <div class="px-row"><span class="px-k">Secret</span><span class="px-v">Скоро...</span><button class="px-copy-row" data-copy="Скоро..."><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"/></svg></button></div>
          <button class="px-copy-all" data-copy="Скоро...">
            <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"/></svg>
            Скопировать ссылку целиком
          </button>
        </div>
      </div>
    </div>

    <!-- ── WHATSAPP ── -->
    <div class="px-label" style="margin-top:20px">
      <span class="px-label-dot grn"></span>
      WhatsApp — Прокси
    </div>

    <div class="px-card" style="margin-bottom:24px">
      <div class="px-top-bar grn"></div>
      <div class="px-head">
        <div class="px-head-l">
          <span class="px-flag">🇩🇪</span>
          <div>
            <div class="px-name">Германия</div>
            <div class="px-srv">Скоро...</div>
          </div>
        </div>
        <div style="display:flex;align-items:center;gap:7px">
          <span class="px-tag grn">WhatsApp</span>
          <button class="px-copy" data-copy="Скоро..." aria-label="Скопировать адрес">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"/></svg>
          </button>
        </div>
      </div>
      <button class="px-acc-trigger grn-trigger acc-btn" data-target="acc-wa">
        <span>Как подключить</span>
        <svg class="px-chev acc-chev" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M6 9l6 6 6-6"/></svg>
      </button>
      <div class="px-acc-body acc-body" id="acc-wa">
        <div class="px-acc-inner" style="display:flex;flex-direction:column;gap:6px">
          <div class="wa-step"><span class="wa-n">1</span><span>Открой <strong>WhatsApp</strong></span></div>
          <div class="wa-step"><span class="wa-n">2</span><span>Перейди в <strong>Настройки → Данные и хранилище</strong></span></div>
          <div class="wa-step"><span class="wa-n">3</span><span>Открой <strong>Прокси-сервер</strong></span></div>
          <div class="wa-step"><span class="wa-n">4</span><span>Нажми <strong>Настроить прокси-сервер</strong></span></div>
          <div class="wa-step"><span class="wa-n">5</span><span>Введи адрес: <code>Скоро...</code></span></div>
          <div class="wa-step"><span class="wa-n">6</span><span>Нажми <strong>Сохранить</strong> → переключи в <strong>ВКЛ</strong></span></div>
          <div class="wa-step"><span class="wa-n">7</span><span>Статус: <strong style="color:var(--green)">прокси подключён ✓</strong></span></div>
        </div>
      </div>
    </div>

    <!-- ── VPN STRIP ── -->
    <div class="vpn-strip a5">
      <div class="strip-l">
        <div class="strip-title">✦ Нужен полный VPN?</div>
        <div class="strip-sub">13+ локаций · до 10 Гбит/с · без логов<br/>от 75₽</div>
      </div>
      <div class="strip-btns">
        <a class="btn primary" href="start.html">🚀 Быстрый старт БОТ</a>
        <a class="btn primary" href="start-lk.html">👤 Быстрый старт ЛК</a>
        <a class="btn ghost" href="guide.html">📖 Гайд</a>
        <a class="btn ghost" href="tarif.html">💸 Тарифы</a>
      </div>
      <div class="strip-help">Быстрый старт ЛК: открой Личный кабинет, авторизуйся через Telegram, подключи устройство и добавь подписку в INCY или Happ.</div>
    </div>

  </div>
</main>

<footer class="z1">
  <span class="fc">© 2026 STARDEVS VPN</span>
  <div class="foot-links">
    <a class="fl" href="https://t.me/sdvp_support" target="_blank" rel="noopener">Поддержка</a>
    <a class="fl" href="https://t.me/devsvpn_bot" target="_blank" rel="noopener">@devsvpn_bot</a>
  </div>
</footer>
<script src="js/app.js"></script>
</body>
</html>