:root{
  --brand:#007ee5;
  --brand-2:#1c58ff;
  --accent:#1495ff;
  --accent-2:#5ec2ff;
  --teal:#28e3d8;
  --ink:#0f1222;
  --ink-2:#4a5570;
  --card:#ffffff;
  --glass:rgba(255,255,255,.6);
  --halo:0 10px 30px rgba(0,126,229,.25),0 6px 18px rgba(0,126,229,.18);
  --halo-strong:0 18px 60px rgba(0,126,229,.35),0 10px 28px rgba(0,126,229,.25);
}
@keyframes gradientShift{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}
@keyframes floatUp{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-6px)}
}
@keyframes softPulse{
  0%,100%{box-shadow:var(--halo)}
  50%{box-shadow:0 20px 60px rgba(0,126,229,.35),0 10px 28px rgba(0,126,229,.25)}
}
@keyframes shine{
  0%{background-position:-200% 0}
  100%{background-position:200% 0}
}
.container{
  position:relative;
  max-width:1000px;
  margin:0 auto;
  padding:0 16px;
}
body{
  margin:0;
  padding:0;
  color:var(--ink);
  background:linear-gradient(135deg,#fdfbfb 0%,#e6f0ff 40%,#f3e9ff 70%,#ffe6f3 100%) !important;
  background-size:200% 200% !important;
  animation:gradientShift 14s ease infinite;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.home-hero{
  display:block;
  margin-top:10px;
}
.home-hero__left{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  max-width:500px;
  margin:0 auto;
  padding:14px 10px 10px;
  backdrop-filter:saturate(135%) blur(6px);
  background:linear-gradient(180deg,rgba(255,255,255,.66),rgba(255,255,255,.3));
  border-radius:18px;
  box-shadow:var(--halo);
  transition:transform .2s ease, box-shadow .2s ease;
}
.home-hero__left:hover{transform:translateY(-2px); box-shadow:var(--halo-strong)}
.home-logo{width:110px;height:110px;display:block;margin:6px auto 10px;filter:drop-shadow(0 10px 22px rgba(0,126,229,.25))}
.home-title h1{margin:0;font-size:38px;font-weight:800;color:#1b2240;letter-spacing:.2px;background:linear-gradient(90deg,var(--brand) 0%,var(--teal) 50%,var(--accent-2) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.home-subtitle{margin:8px 0 18px;font-size:16px;color:#59627c}
.device-mac,
.device-phones .phone{
  background:none !important;
  background-color:transparent !important;
  box-shadow:none !important;
  border:none !important;
}
.device-mac img{
  display:block;width:100%;max-width:420px;height:auto;margin:6px auto 8px;
  filter:drop-shadow(0 18px 40px rgba(0,126,229,.18));
  transition:transform .25s ease, filter .25s ease;
}
.device-mac img:hover{transform:translateY(-4px) scale(1.01);filter:drop-shadow(0 24px 64px rgba(0,126,229,.28))}
.desktop-link{
  display:flex;justify-content:center;align-items:center;gap:10px;
  margin:8px 0 18px;color:var(--brand-2);font-size:15px;font-weight:700;
  text-decoration:none;position:relative;
}
.desktop-link::after{
  content:"";height:2px;width:0;position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);
  background:linear-gradient(90deg,var(--brand),var(--teal));transition:width .25s ease;
  border-radius:2px;
}
.desktop-link:hover::after{width:68%}
.desktop-link .icon{width:18px;height:18px;filter:drop-shadow(0 4px 10px rgba(0,126,229,.28))}
.device-phones{
  display:grid;
  grid-template-columns:repeat(2,minmax(220px,380px));
  gap:64px;
  justify-content:center;
  align-items:start;
  margin:28px 0 10px;
}
.device-phones .phone{
  padding:10px 8px 16px;border-radius:16px;
  background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(255,255,255,.5));
  box-shadow:var(--halo);
  transition:transform .2s ease, box-shadow .2s ease;
}
.device-phones .phone:hover{transform:translateY(-3px);box-shadow:var(--halo-strong)}
.device-phones .phone img{
  height:300px;width:auto;display:block;margin:0 auto;transition:transform .25s ease, filter .25s ease;
  filter:drop-shadow(0 16px 36px rgba(0,126,229,.22));
}
.device-phones .phone:hover img{transform:translateY(-4px)}
.device-phones .phone figcaption{
  display:flex;justify-content:center;align-items:center;gap:8px;margin-top:10px;font-size:15px;color:var(--brand-2);font-weight:700;
}
.device-phones .phone figcaption .icon{width:18px;height:18px}
.home-aside-floating{position:absolute;top:0;right:0;width:280px}
.aside-box{border-left:4px solid var(--brand-2);padding-left:12px;background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,255,255,.55));backdrop-filter:blur(6px);border-radius:10px;box-shadow:var(--halo)}
.aside-title{font-size:14px;margin:0 0 6px;color:var(--brand-2);font-weight:800}
.aside-news{list-style:none;margin:0;padding:0}
.aside-news li{margin:8px 0 12px}
.aside-news .d{font-size:11px;color:#7a8797;margin-bottom:2px}
.aside-news .t{font-size:13px;color:#1a3d7a;text-decoration:none;line-height:1.5;background:linear-gradient(90deg,rgba(0,126,229,.12),rgba(0,126,229,0));padding:2px 6px;border-radius:6px;transition:transform .15s ease}
.aside-news .t:hover{text-decoration:none;transform:translateX(2px)}
@media (max-width:960px){
  .home-aside-floating{position:static;width:auto;margin:0 0 16px 0}
  .home-hero__left{max-width:92vw}
  .device-phones{grid-template-columns:1fr;gap:22px}
  .device-phones .phone img{height:280px}
  .home-title h1{font-size:30px}
  .home-logo{width:96px;height:96px}
}
.why-telegram{max-width:1100px;margin:36px auto 24px;padding:0 16px}
.why-title{margin:0 0 18px;text-align:center;font-size:24px;line-height:1.4;color:#1f3147;font-weight:800}
.why-title span{color:var(--brand-2)}
.features-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 36px}
.feature-card{ text-align:center;padding:14px 12px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.65));box-shadow:var(--halo);transition:transform .2s ease, box-shadow .2s ease}
.feature-card:hover{transform:translateY(-4px);box-shadow:var(--halo-strong)}
.feature-card img{width:140px;height:auto;display:block;margin:0 auto 10px;image-rendering:-webkit-optimize-contrast;transition:transform .2s ease, filter .2s ease;filter:drop-shadow(0 10px 24px rgba(26,115,232,.18))}
.feature-card:hover img{transform:translateY(-6px)}
.feature-card h3{margin:8px 0 6px;font-size:17px;font-weight:800;color:#1f3147}
.feature-card p{margin:0;font-size:13px;line-height:1.7;color:#6b7a90}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between}
.nav{display:flex;gap:20px}
.twitter-link img{width:22px;height:22px;display:block;filter:drop-shadow(0 4px 10px rgba(0,0,0,.12))}
.twitter-link{margin-left:15px;display:flex;align-items:center}
.device-mac,.phone{ text-align:center;padding:6px 0 18px;background:transparent !important;border:none !important;box-shadow:none !important}
.device-mac .art img,.phone .art img{display:block;margin:0 auto;max-width:100%;height:auto;background:transparent;box-shadow:none;border:none;transition:transform .25s ease, box-shadow .25s ease;filter:drop-shadow(0 14px 34px rgba(26,115,232,.2))}
.device-mac:hover .art img,.phone:hover .art img{transform:translateY(-4px);box-shadow:0 18px 48px rgba(26,115,232,.22)}
.desktop-link,.phone figcaption{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;font-size:20px;line-height:1.2}
.desktop-link b,.phone figcaption b{color:var(--accent);font-weight:800}
.icon{width:26px;height:26px}
.accent{height:4px;width:68%;margin:14px auto 0;border-radius:3px;background:linear-gradient(90deg,var(--brand),var(--accent-2));opacity:.9;transition:width .25s ease, opacity .2s ease}
.device-mac:hover .accent,.phone:hover .accent{width:86%;opacity:1}
:root{--wrap:1100px;--gap:22px;--border:rgba(255,255,255,.2)}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 16px}
a{color:var(--brand-2);text-decoration:none;position:relative}
a:hover{text-decoration:none}
a:hover::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:2px;background:linear-gradient(90deg,var(--brand),var(--teal));border-radius:2px}
.site-header{
  position:fixed;top:0;left:0;width:100%;
  backdrop-filter:saturate(140%) blur(12px);
  background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(255,255,255,.62));
  border-bottom:1px solid var(--border);
  z-index:999; box-shadow:0 6px 20px rgba(0,0,0,.06)
}
.site-header .wrap{display:flex;align-items:center;gap:16px;height:64px}
.logo{font-weight:900;color:#111;display:flex;align-items:center;gap:8px;letter-spacing:.2px}
.logo img{height:32px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.15))}
.nav a{margin-left:14px;font-weight:700;color:#111;opacity:.88;transition:opacity .15s ease, transform .15s ease}
.nav a:hover{opacity:1;transform:translateY(-1px)}
.site-main{padding:88px 0 24px}
.site-footer{border-top:1px solid var(--border);background:rgba(255,255,255,.85);margin-top:32px}
.site-footer .wrap{padding:18px 0;color:#666}
h1{margin:0 0 16px}
.wa-strip{background:linear-gradient(135deg,#f5f8ff 0%,#eef2fb 100%);border-radius:28px;padding:32px 18px 40px;margin:36px auto;max-width:1280px;box-shadow:var(--halo)}
.wa-strip__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 6px 14px}
.wa-strip__title{font-size:clamp(24px,4.5vw,40px);line-height:1.15;margin:0;background:linear-gradient(90deg,var(--brand) 0%,var(--accent-2) 50%,var(--teal) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.wa-strip__desc{margin:0;color:#334155;font-size:15px;max-width:720px}
.wa-strip__viewport{position:relative;display:flex;align-items:center;gap:8px;padding:8px 40px}
.wa-strip__viewport::before,.wa-strip__viewport::after{content:"";position:absolute;top:0;bottom:0;width:60px;pointer-events:none;transition:opacity .2s ease}
.wa-strip__viewport::before{left:0;background:linear-gradient(90deg,#fff 45%,rgba(233,251,227,0));opacity:0}
.wa-strip__viewport::after{right:0;background:linear-gradient(-90deg,#fff 45%,rgba(233,251,227,0));opacity:0}
.wa-strip__viewport.is-left::before{opacity:1}
.wa-strip__viewport.is-right::after{opacity:1}
.wa-carousel{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding:6px 2px}
.wa-carousel::-webkit-scrollbar{height:8px}
.wa-carousel::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--brand),var(--accent));border-radius:999px}
.wa-carousel{--visible:4}
@media (max-width:1100px){.wa-carousel{--visible:3}}
@media (max-width:820px){.wa-carousel{--visible:2}}
@media (max-width:520px){.wa-carousel{--visible:1}}
.wa-item{
  flex:0 0 calc((100% - (var(--visible) - 1) * 16px) / var(--visible));
  min-width:240px;background:linear-gradient(180deg,#fff,rgba(255,255,255,.85));
  border:1px solid rgba(0,126,229,.12);border-radius:20px;padding:18px 16px;
  box-shadow:0 10px 24px rgba(0,126,229,.12);
  scroll-snap-align:start;transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.wa-item:hover{transform:translateY(-3px);box-shadow:var(--halo-strong);border-color:rgba(0,126,229,.55)}
.wa-item__title{font-size:16.5px;margin:0 0 8px;color:#0f172a;font-weight:800}
.wa-item__text{font-size:14.5px;line-height:1.72;color:#334155;margin:0}
.wa-arrow{
  position:absolute;z-index:2;top:50%;transform:translateY(-50%);
  width:44px;height:44px;border-radius:50%;
  border:1px solid rgba(38,35,201,.16);
  background:linear-gradient(180deg,#fff,rgba(255,255,255,.85));
  color:#007ee5;font-size:24px;line-height:1;
  display:flex;align-items:center;justify-content:center;cursor:pointer;
  transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease;
  box-shadow:var(--halo);
}
.wa-arrow:hover{transform:translateY(calc(-50% - 1px));border-color:#007ee5;box-shadow:var(--halo-strong)}
.wa-arrow--prev{left:4px}
.wa-arrow--next{right:4px}
.wa-lite-footer{background:transparent;color:#0b1320}
.wa-lite__inner{max-width:1280px;margin:0 auto;padding:48px 20px 56px;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:48px 40px}
.wa-lite__logo{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.wa-lite__logo-img{height:24px;width:auto;display:block}
.wa-lite__logo-text{font-size:28px;font-weight:900;letter-spacing:.2px}
.wa-lite__headline{font-size:28px;font-weight:800;margin:8px 0 6px}
.wa-lite__sub{margin:0;font-size:16px;color:#6b7280}
.wa-lite__title{margin:0 0 16px;font-size:22px;font-weight:900}
.wa-lite__list{list-style:none;margin:0;padding:0}
.wa-lite__link{display:block;padding:10px 0;font-size:20px;color:#0b1320;text-decoration:none;transition:color .15s ease, opacity .15s ease, transform .15s ease}
.wa-lite__link:hover{color:var(--brand-2);opacity:.95;transform:translateX(2px)}
.wa-lite__headline{font-size:24px}
.wa-lite__link{font-size:18px}
.wa-section{max-width:1200px;margin:80px auto;padding:0 20px;display:flex;align-items:center;gap:40px}
.wa-section.reverse{flex-direction:row-reverse}
.wa-text{flex:1}
.wa-text h2{font-size:32px;color:#1b2240;margin-bottom:16px;background:linear-gradient(90deg,var(--brand) 0%,var(--accent-2) 50%,var(--teal) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.wa-text p{font-size:18px;line-height:1.7;color:#4a5875}
.wa-text ul{margin:16px 0;padding-left:20px}
.wa-text ul li{margin-bottom:10px;font-size:17px;line-height:1.6;color:#1b2240}
.wa-text strong{color:var(--brand-2)}
.wa-img{flex:1;text-align:center}
.wa-img img{max-width:100%;height:auto;border-radius:16px;box-shadow:var(--halo);transition:transform .25s ease}
.wa-img img:hover{transform:translateY(-4px)}
@media (max-width:768px){
  .wa-section{flex-direction:column;text-align:center}
  .wa-section.reverse{flex-direction:column}
  .wa-img img{max-width:86%}
}
.wa-hero{display:flex;align-items:center;justify-content:space-between;gap:40px;max-width:1200px;margin:40px auto 60px;padding:0 20px}
.wa-hero__content{flex:1}
.wa-hero h1{font-size:36px;line-height:1.4;color:#111;margin-bottom:20px;background:linear-gradient(90deg,var(--brand) 0%,var(--accent-2) 50%,var(--teal) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.wa-hero h1 strong{color:inherit}
.wa-badge{display:inline-block;font-size:14px;color:#fff;border:0;padding:6px 12px;border-radius:999px;margin-bottom:12px;background:linear-gradient(90deg,var(--brand) 0%,var(--teal) 100%);box-shadow:0 8px 18px rgba(0,126,229,.28)}
.wa-hero p{font-size:18px;color:#444;margin-bottom:25px;line-height:1.7}
.wa-btn{
  display:inline-block;background:linear-gradient(90deg,var(--brand) 0%,var(--accent-2) 50%,var(--teal) 100%);
  background-size:200% 100%;
  color:#fff;font-weight:800;padding:12px 28px;border-radius:30px;text-decoration:none;transition:transform .15s ease, box-shadow .15s ease, background-position .8s ease;
  box-shadow:var(--halo);
}
.wa-btn:hover{transform:translateY(-2px);box-shadow:var(--halo-strong);background-position:100% 0}
.wa-hero__image{flex:1;text-align:right}
.wa-hero__image img{width:500px;margin-top:-20px;filter:drop-shadow(0 20px 48px rgba(0,0,0,.12))}
.whatsapp-section{text-align:center;margin:60px auto;max-width:900px}
.whatsapp-section .title{font-size:32px;font-weight:900;margin-bottom:16px;color:#111}
.whatsapp-section .desc{font-size:18px;color:#333;line-height:1.85}
@media (max-width:768px){
  .wa-hero{flex-direction:column;text-align:center}
  .wa-hero__image{text-align:center}
  .wa-hero__image img{width:220px;margin-top:20px;transform:rotate(5deg)}
}
.stats-section{max-width:1200px;margin:80px auto;text-align:center;padding:0 20px}
.stats-title{font-size:28px;font-weight:900;margin-bottom:48px;color:#111;line-height:1.4}
.stats-title span{color:var(--brand-2)}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.stat-card{background:#ffffff;border-radius:18px;padding:34px 22px;box-shadow:var(--halo);transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;border:1px solid rgba(0,126,229,.1)}
.stat-card:hover{transform:translateY(-6px);box-shadow:var(--halo-strong)}
.stat-number{font-size:32px;font-weight:900;background:linear-gradient(90deg,var(--brand) 0%,var(--accent-2) 50%,var(--teal) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:10px}
.stat-label{font-size:16px;color:#4a5875}
.vpn-section{padding:60px 20px;text-align:center}
.vpn-section .text-box{max-width:800px;margin:0 auto}
.vpn-section .title{font-size:30px;font-weight:900;color:#1f2a44;margin-bottom:18px;line-height:1.3}
.vpn-section .desc{font-size:16px;color:#5f6b85;line-height:1.9;margin:0;white-space:pre-line}
.wa-hero__actions{display:flex;gap:12px;flex-wrap:wrap}
.wa-hero__actions.left{justify-content:flex-start}
.download-btn{
  display:flex;align-items:center;gap:10px;background:#0e0e10;color:#fff;text-decoration:none;border-radius:12px;padding:12px 20px;
  font-family:Arial, sans-serif;font-size:14px;line-height:1.2;transition:transform .15s ease, box-shadow .15s ease, background .3s ease;min-width:188px;
  box-shadow:0 10px 28px rgba(0,0,0,.25);
  background-image:linear-gradient(90deg,rgba(255,255,255,.15) 0,rgba(255,255,255,0) 20%,rgba(255,255,255,.15) 40%,rgba(255,255,255,0) 60%);
  background-size:220% 100%;
  animation:shine 3.2s linear infinite;
}
.download-btn:hover{background:#161618;transform:translateY(-2px);box-shadow:0 16px 40px rgba(0,0,0,.28)}
.download-btn .btn-icon{width:28px;height:28px}
.download-btn span{display:flex;flex-direction:column;font-weight:800}
.download-btn span small{font-size:11px;font-weight:600;color:#bfc3d6;text-transform:uppercase}
a{color:var(--brand-2)}
a:hover{color:#1c58ff}
.container{max-width:1200px;padding:0 20px}
.wa-why{margin:80px auto}
.wa-sec-title{text-align:center;font-size:30px;margin-bottom:32px;font-weight:900;background:linear-gradient(90deg,var(--brand),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}
.wa-feats{margin:80px auto}
.feats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}
.feat-card{ text-align:center;padding:20px;background:linear-gradient(180deg,#fff,rgba(255,255,255,.86));border-radius:16px;box-shadow:var(--halo);transition:transform .2s ease, box-shadow .2s ease}
.feat-card:hover{transform:translateY(-4px);box-shadow:var(--halo-strong)}
.feat-card h3{margin:10px 0;font-size:18px;color:#1b2240;font-weight:800}
.feat-card p{font-size:14px;color:#5a6682}
.home-latest{margin:80px auto}
.wa-blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:22px}
.wa-blog-card{background:#fff;border-radius:14px;box-shadow:var(--halo);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease, box-shadow .2s ease}
.wa-blog-card:hover{transform:translateY(-3px);box-shadow:var(--halo-strong)}
.wa-blog-card img{width:100%;aspect-ratio:16/9;object-fit:cover;filter:saturate(105%) contrast(102%)}
.wa-blog-meta{padding:14px 16px;display:flex;flex-direction:column;gap:8px}
.wa-date{font-size:13px;color:#7a8797}
.wa-title{font-size:18px;margin:0;font-weight:900}
.wa-desc{font-size:14px;color:#4b5572}
.wa-metrics{padding:56px 0 8px;text-align:center}
.wa-metrics__title{font-size:clamp(22px,3.6vw,36px);font-weight:900;color:#1f2533;letter-spacing:.5px;margin:0 0 28px}
.wa-metrics__title span{white-space:nowrap}
.wa-metrics__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;max-width:1060px;margin:0 auto 8px;padding:0 16px}
.metric-card{background:linear-gradient(180deg,#f8f9ff,#ffffff);border-radius:18px;padding:28px 12px 26px;box-shadow:0 10px 28px rgba(20,24,36,.06);border:1px solid rgba(0,126,229,.12)}
.metric-card__num{font-size:clamp(26px,3vw,36px);font-weight:900;background:linear-gradient(90deg,var(--brand),var(--teal));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:10px}
.metric-card__desc{font-size:14px;color:#6b7a99}
.wa-strip__inner{max-width:960px;margin:0 auto}
.wa-strip__title{font-size:clamp(20px,3vw,28px);font-weight:900;background:linear-gradient(90deg,var(--brand),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:18px;line-height:1.4}
.wa-strip__desc{font-size:16px;line-height:1.8;color:#4a5875}
.wa-strip__desc strong{color:#2a63ff;font-weight:900}
.wa-strip__desc em{font-style:normal;color:#333;font-weight:600}
@media (max-width:960px){.features-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 24px}}
@media (max-width:560px){
  .features-grid{grid-template-columns:1fr;gap:18px}
  .feature-card img{width:128px}
}