:root{
  --bg:#07090F;
  --panel:#0E1525;
  --panel-2:#0B1220;    
  --text:#E6F0FF;
  --muted:#94A3B8; 
  --accent:#00E7F7;
  --accent-2:#00FF7F;
  --accent-3:#FF3D81;
  --shadow: 0 0 24px rgba(0,231,247,.24), 0 0 64px rgba(255,61,129,.12);
  --radius: 18px;
  --hue: 200;
  --rgb-speed: 22s;
}

	:root {
  --g1: clamp(320px, 40vw, 1200px) clamp(240px, 30vw, 800px);
  --g2: clamp(280px, 35vw, 900px) clamp(220px, 28vw, 700px);
  --g3: clamp(240px, 30vw, 700px) clamp(200px, 25vw, 600px);

  --p1: 80% -10%;
  --p2: -10% 20%;
  --p3: 110% 90%;
}

@media (max-width: 600px) {
  :root {
	--g1: 70vw 50vw;
	--g2: 80vw 60vw;
	--g3: 75vw 55vw;

	--p1: 75% 0%;
	--p2: 0% 25%;
	--p3: 100% 80%;
  }
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;  
  user-select: none;  

background:
radial-gradient(var(--g1) at var(--p1), rgba(0,255,170,.15), transparent 32%),
radial-gradient(var(--g2) at var(--p2), rgba(0,150,255,.15), transparent 55%),
radial-gradient(var(--g3) at var(--p3), rgba(255,60,140,.12), transparent 60%),
#07090F;

  color:var(--text);
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji","Segoe UI Emoji";
  line-height:1.6;
  overflow-x:hidden;
  -webkit-text-size-adjust:100%;
}

img{max-width:100%; height:auto; display:block}
svg{max-width:100%; height:auto}

.container{max-width:1200px;margin:0 auto;padding:0 20px}
.grid{display:grid;gap:18px}

.btn{--glow:var(--accent);position:relative;display:inline-flex;align-items:center;gap:.6rem;padding:.9rem 1.2rem;border-radius:14px;background:linear-gradient(180deg, #0E1729, #0C1424);border:1px solid rgba(255,255,255,.08);color:var(--text);font-weight:700;text-decoration:none;letter-spacing:.3px;box-shadow:0 6px 22px rgba(0,0,0,.4);transition:transform .15s ease, box-shadow .2s ease, background .2s ease; isolation:isolate; min-height:44px; cursor: pointer;}
.btn:hover{transform:translateY(-1px); box-shadow:0 12px 34px rgba(0,0,0,.5), 0 0 18px color-mix(in oklab, var(--glow) 40%, transparent)}
.btn:after{content:"";position:absolute;inset:-2px;border-radius:inherit;padding:2px;background:conic-gradient(from 0deg, #ff4d6d, #00e7f7, #00ff7f, #ff4d6d);-webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;filter:blur(6px) saturate(1.2) brightness(1.1);opacity:.9;z-index:-1}
.btn--primary{  background:linear-gradient(90deg, color-mix(in oklab, var(--accent) 70%, black), color-mix(in oklab, var(--accent-2) 70%, black)); border-color:transparent}
.btn .play{width:0;height:0;border-left:10px solid currentColor;border-top:7px solid transparent;border-bottom:7px solid transparent}
.btn--test {width:30%;}
.badge{display:inline-flex;align-items:center;gap:.4rem;padding:.65rem 1.6rem;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);backdrop-filter: blur(4px);font-size:.78rem;color:var(--muted)}
.muted{color:var(--muted)}

.gridlines{position:fixed;inset:0;pointer-events:none;opacity:.25;mix-blend-mode:screen;}
.gridlines:before,.gridlines:after{content:"";position:absolute;inset:0;background:
  linear-gradient(#0b1324 1px, transparent 1px) 0 0 / 32px 32px,
  linear-gradient(90deg, #0b1324 1px, transparent 1px) 0 0 / 32px 32px;
  filter:drop-shadow(0 0 6px rgba(0, 255, 200, .25)) hue-rotate(calc(var(--hue) * 1deg));
}

nav{
  position:sticky; top:0; z-index:40; backdrop-filter: blur(8px);
  background:linear-gradient(180deg, rgba(7,9,15,.9), rgba(7,9,15,.6), rgba(7,9,15,0));
  border-bottom:1px solid rgba(255,255,255,.06);
  padding-top: calc(env(safe-area-inset-top) + 0px);
}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0; gap:12px}

.brand { display: inline-flex; align-items: center; gap: 8px; font-weight:800;font-size: 1.2rem;  letter-spacing:.2px }
.logo img { width: 40px; height: 40px }

.rgb-bar{height:2px;background:linear-gradient(90deg,#ff4d6d,#00e7f7,#00ff7f,#ff4d6d);background-size:200% 100%;animation:slide var(--rgb-speed) linear infinite}


.hero{position:relative;padding:90px 0 40px;}
.hero h1{font-family: Oxanium, system-ui; font-weight:800; font-size:clamp(2rem, 5vw, 4.4rem); line-height:1.08; letter-spacing:.6px; text-shadow:0 0 40px rgba(0,231,247,.35), 0 0 28px rgba(255,61,129,.22)}

.hero h1 .glitch{position:relative;display:inline-block}
.hero h1 .glitch:before,.hero h1 .glitch:after{content:attr(data-text);position:absolute;left:0;top:0;pointer-events:none; mix-blend-mode:screen}
.hero h1 .glitch:before{transform:translate(2px, -1px);color:#00e7f7;filter:blur(.6px)}
.hero h1 .glitch:after{transform:translate(-2px, 1px);color:#ff3d81;filter:blur(.6px)}

.hero-sub{font-size:clamp(1rem, 2.5vw, 1.25rem); max-width:880px; color:var(--muted); margin:14px 0 22px}

.hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}
.store{display:flex;gap:8px;align-items:center}
.store img{width:24px;height:24px; opacity:.9}

.stats{display:flex;flex-wrap:wrap;gap:14px;margin-top:22px}
.stats .badge strong{color:var(--text)}

.orb{position:absolute;filter: blur(40px) saturate(1.4);opacity:.5;pointer-events:none}
.orb--1{width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,#00e7f7, transparent 60%); left:-80px; top:-80px}
.orb--2{width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,#ff3d81, transparent 60%); right:10%; top:20%}


.section{padding:60px 0}
.section h2{font-family: Oxanium, system-ui; font-weight:800; font-size:clamp(1.4rem,3.4vw,2.2rem); margin:0 0 14px; user-select: none;}
.section p.lead{color:var(--muted); max-width:820px}

.features{grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); margin-top:20px}
.card{position:relative;background:linear-gradient(180deg, rgba(14,21,37,.92), rgba(12,18,32,.92)); border:1px solid rgba(255,255,255,.06); border-radius:var(--radius); padding:18px; box-shadow: var(--shadow); overflow:hidden}
.card:before{inset:-1px;border-radius:inherit;padding:1.5px;background:conic-gradient(from 0deg, #ff4d6d, #00e7f7, #00ff7f, #ff4d6d);-webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;filter:blur(5px);opacity:.8;transition:opacity .25s}
.card:hover:before{opacity:1}
.card h3{display:flex;align-items:center;gap:.6rem;margin:0 0 6px;font-size:1.05rem}
.icon{width:22px;height:22px;flex:0 0 22px;filter:drop-shadow(0 0 6px rgba(0,231,247,.4))}
.card p{margin:0;color:var(--muted)}

.terminal{background:linear-gradient(180deg, #0B1220, #0B1322);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:16px; box-shadow: var(--shadow);font-family:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; color:#B1C8FF}
.term-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.dot{width:9px;height:9px;border-radius:999px;background:#3d465c}
.dot.r{background:#ff4d6d}
.dot.y{background:#ffb454}
.dot.g{background:#2fff9e}
.term-body code{display:block;white-space:pre-wrap}


.pricing{grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); margin-top:16px}
.price-card{padding:22px}
.price{font-family: Oxanium; font-size:2rem; font-weight:800}
.strike{color:#7b8aa4; text-decoration: line-through; margin-left:.4rem; font-size:1rem}
.list{list-style:none;padding:0;margin:12px 0 0}
.list li{display:flex;gap:.6rem;align-items:flex-start;margin:.45rem 0;color:var(--muted)}
.list svg{width:18px;height:18px;opacity:.9}


.faq{grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); margin-top:10px}
details{background:linear-gradient(180deg, rgba(14,21,37,.7), rgba(12,18,32,.7)); border:1px solid rgba(255,255,255,.06); border-radius:14px; padding:14px 16px}
summary{cursor:pointer; font-weight:700}
details p{margin:.6rem 0 0; color:var(--muted)}


footer{padding:40px 0 80px; color:#93a5c5}


.toggle{display:flex;align-items:center;gap:.6rem}
.switch{position:relative;width:50px;height:28px;border-radius:999px;background:#141b2b;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 4px 12px rgba(0,0,0,.5)}
.switch input{display:none}
.knob{position:absolute;top:2px;left:2px;width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at 30% 30%, #ffffff, #a9bfd8); transition:.25s ease}
.switch input:checked + .knob{left:24px;box-shadow:0 0 20px rgba(0,231,247,.8)}


@keyframes slide{to{background-position:200% 0}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}


@media (max-width: 1024px){
  .container{padding:0 18px}
  .hero{padding:80px 0 36px}
}


@media (max-width: 920px){
  .nav-inner{flex-wrap:wrap; gap:8px; height: 80px}
  .brand{order:0}
  nav .btn{order:2}
  .toggle{order:1}
  .hero h1{font-size:clamp(1.9rem, 6.5vw, 3rem)}
  .orb{filter:blur(36px); opacity:.45}
  .gridlines{opacity:.18}
}


@media (max-width: 720px){
  .container{padding:0 16px}
  .logo img{width:32px;height:32px}
  .toggle {display: none;}
  .hero-ctas{gap:10px}
  .hero-ctas .btn{flex:1 1 100%; justify-content:center}
  .stats{gap:10px}
  .badge{font-size:.76rem}
  .section h2 {margin-top: 50px;}
  .features{gap:14px}
	.btn--primary {width: 100%;}
  .how-grid{grid-template-columns: 1fr !important}

  .price-card .btn{width:100%; justify-content:center}
 
  #checkout .btn[type="submit"]{width:100% !important; justify-content:center}

  .price-card > div[style*="display:flex"][style*="gap"]{flex-direction:column}

  .gridlines{display:none}
}


@media (max-width: 420px){
  .hero h1{font-size:1.8rem}
  .hero-sub{font-size:.98rem}
  .badge{font-size:.72rem}
  .nav-inner{padding:10px 0}
  .btn{padding:.85rem 1rem}
  .orb{display:none}
}


@media (prefers-reduced-motion: reduce){
  .rgb-bar{animation:none}
  .glitch:before,.glitch:after{display:none}
  .btn{transition:none}
}


nav{transition:transform .25s ease}
nav.hide{transform:translateY(-110%)}
.platforms{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}


.checkout{display:grid;gap:12px}
.field{display:flex;flex-direction:column;gap:6px}
.input, select.input{background:#0E1525;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.85rem 1rem;color:var(--text)}
.input:focus, select.input:focus{outline:none;border-color:color-mix(in oklab, var(--accent) 60%, white)}
.hint{font-size:.9rem;color:var(--muted)}


.input.is-invalid {
border-color: #e53935;
box-shadow: 0 0 0 3px rgba(229,57,53,.15);
}

.hint-email.is-invalid {
color: #e53935;
}

  
.recaptcha-modal{position:fixed;inset:0;z-index:9999;display:none}
.recaptcha-modal[aria-hidden="false"]{display:block}
.recaptcha-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.6)}
.recaptcha-dialog{
  position:relative;z-index:1;max-width:420px;margin:10vh auto;padding:16px 18px;
  background:#0c0f14;border:1px solid rgba(255,255,255,.08);border-radius:14px;
  box-shadow:0 12px 40px rgba(0,0,0,.55)
}
.recaptcha-close{
  position:absolute;top:8px;right:10px;border:0;background:transparent;
  color:#fff;font-size:20px;cursor:pointer
}
.recaptcha-title{margin:0 0 12px 0}

.support-grid{
  display:grid; gap:12px; margin-top:12px;
  grid-template-columns: 1fr;
}
.support-card{
  display:flex; align-items:center; gap:12px;
  padding:14px; border-radius:14px;
  background:linear-gradient(180deg, rgba(14,21,37,.92), rgba(12,18,32,.92));
  border:1px solid rgba(255,255,255,.06);
  text-decoration:none; color:var(--text);
  box-shadow: var(--shadow);
  transition: transform .15s ease, box-shadow .2s ease, background .2s ease;
}
.support-card:hover{ transform: translateY(-1px); box-shadow:0 12px 34px rgba(0,0,0,.5), 0 0 18px color-mix(in oklab, var(--accent) 40%, transparent)}
.support-emoji{font-size:22px; width:28px; text-align:center; filter: drop-shadow(0 0 8px rgba(0,231,247,.4))}
.support-name{font-weight:700}
.support-desc{font-size:.92rem}

.support-extra{display:flex;flex-wrap:wrap; gap:8px; margin-top:14px}


.hint-promo, .hint-email {
	font-size: .9rem; 
	color: #94A3B8;
}

  .telegram {
  margin-top: 10px;
  font-size: 14px;
  display: flex;
  align-items: center;
}
.telegram a {
  color: #3498db;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s;
}
.telegram a:hover {
  color: #fff;
  text-decoration: underline;
}