:root{color-scheme:dark;--bg:#030208;--pr:#7236fe;--pr2:color-mix(in srgb,var(--pr) 62%,#d62cff);--tx:#f5f1ff;--ey:color-mix(in srgb,var(--pr) 45%,#fff);--cd:color-mix(in srgb,var(--pr) 8%,var(--bg));--bd:color-mix(in srgb,var(--pr) 30%,var(--bg));--mu:color-mix(in srgb,var(--tx) 66%,var(--bg))}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--tx);font-family:"Segoe UI",Vazirmatn,Tahoma,sans-serif;line-height:1.75;animation:pg .7s ease both}@keyframes pg{from{opacity:0}}
a{color:inherit;text-decoration:none}p{color:var(--mu)}
#bar{position:fixed;top:0;inset-inline-start:0;height:3px;width:0;background:linear-gradient(90deg,var(--pr),var(--pr2));z-index:60}
header{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid color-mix(in srgb,var(--pr) 20%,var(--bg));transition:box-shadow .3s}header.sc{box-shadow:0 10px 40px #000a}
.nav{max-width:1180px;margin:auto;display:flex;align-items:center;gap:10px;padding:12px 20px}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.12em;font-size:1.25rem;white-space:nowrap}.logo img{width:30px;height:30px}.sb{font-weight:600;letter-spacing:.04em;color:var(--ey);font-size:1rem}
.nl{display:flex;gap:4px;margin-inline-start:28px;overflow-x:auto}.nl a{padding:6px 14px;color:var(--mu);border-bottom:2px solid transparent;transition:.25s;white-space:nowrap}.nl a:hover{color:var(--tx)}.nl a.on{color:var(--tx);border-color:var(--pr)}.sp{flex:1}
.seg{display:flex;border:1px solid var(--bd);border-radius:99px;padding:2px}.seg button{background:none;border:0;color:var(--mu);padding:3px 12px;border-radius:99px;cursor:pointer;font:600 .78rem inherit;transition:.25s}.seg button.on{background:var(--pr);color:#fff}
.ibtn{width:40px;height:40px;border-radius:50%;border:1px solid var(--bd);background:none;color:var(--tx);cursor:pointer;display:grid;place-items:center;transition:.25s}.ibtn:hover{border-color:var(--pr);background:color-mix(in srgb,var(--pr) 18%,transparent)}.ibtn svg{width:20px;height:20px}
.cta,.btn{display:inline-block;border-radius:99px;font-weight:600;cursor:pointer;transition:.3s;font-family:inherit;font-size:.95rem;border:1px solid var(--pr);padding:9px 22px;color:var(--tx);background:none}.cta:hover{background:var(--pr)}
.btn{background:linear-gradient(135deg,var(--pr),var(--pr2));border:0;padding:13px 30px;margin:6px 6px 6px 0;color:#fff;box-shadow:0 10px 34px color-mix(in srgb,var(--pr) 45%,transparent)}.btn:hover{transform:translateY(-2px);filter:brightness(1.12)}.btn.o{background:none;border:1px solid var(--pr);box-shadow:none;color:var(--tx)}.btn.o:hover{background:color-mix(in srgb,var(--pr) 20%,transparent)}.btn.off{opacity:.45;pointer-events:none}
[dir=rtl] .btn{margin:6px 0 6px 6px}[dir=rtl] .ar{display:inline-block;transform:scaleX(-1)}
.w{max-width:1180px;margin:auto;padding:0 20px}.sec{padding:64px 0}.ey{color:var(--ey);letter-spacing:.18em;font-size:.78rem;text-transform:uppercase;font-weight:600}
h1{font-size:clamp(2.4rem,7vw,4.4rem);line-height:1.12;margin:.2em 0 .3em}h2{font-size:clamp(1.6rem,4vw,2.4rem);line-height:1.25;margin:.2em 0 .5em}h3{margin:.2em 0}
.gt{background:linear-gradient(90deg,var(--pr),var(--pr2));-webkit-background-clip:text;background-clip:text;color:transparent}.lead{max-width:560px;font-size:1.06rem}
.hero{position:relative;overflow:hidden;isolation:isolate;padding:84px 0 70px}
.orb{position:absolute;z-index:-1;width:640px;height:640px;border-radius:50%;inset-inline-end:-140px;top:-30px;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--pr) 32%,#000),#04010b 62%);box-shadow:inset 0 0 90px color-mix(in srgb,var(--pr) 55%,transparent),0 0 110px color-mix(in srgb,var(--pr) 28%,transparent);border:1px solid color-mix(in srgb,var(--pr) 55%,transparent);animation:fl 14s ease-in-out infinite alternate}@keyframes fl{to{transform:translate(30px,24px) scale(1.06)}}
.glass{position:absolute;z-index:-1;inset-inline-end:90px;top:110px;width:380px;height:230px;border:1px solid color-mix(in srgb,var(--pr) 60%,transparent);border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--pr) 20%,#000),#05030f);transform:perspective(900px) rotateY(-16deg) rotateX(6deg);display:grid;place-items:center;font-weight:800;font-size:2.4rem;letter-spacing:.12em;color:var(--pr2);box-shadow:0 30px 80px #000a}
.stats{display:flex;gap:26px;flex-wrap:wrap;margin-top:48px}.stat{display:flex;gap:12px;align-items:center;padding-inline-end:26px;border-inline-end:1px solid var(--bd)}.stat:last-child{border:0}.stat b{display:block;font-size:1.25rem;line-height:1.3}.stat small{color:var(--mu)}
.si{width:44px;height:44px;border:1px solid var(--bd);border-radius:13px;display:grid;place-items:center;color:var(--pr2);background:color-mix(in srgb,var(--pr) 10%,var(--bg))}.si svg,.ico svg{width:24px;height:24px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:22px}
.card{position:relative;display:block;background:linear-gradient(180deg,color-mix(in srgb,var(--pr) 10%,var(--bg)),var(--bg));border:1px solid var(--bd);border-radius:20px;padding:28px 30px;transition:border-color .3s,box-shadow .3s;overflow-wrap:anywhere}
a.card:hover,.card.in:hover{border-color:var(--pr);box-shadow:0 22px 50px color-mix(in srgb,var(--pr) 22%,transparent)}a.card:hover{transform:translateY(-6px)}
.ico{width:58px;height:58px;border:1px solid var(--bd);border-radius:17px;display:grid;place-items:center;margin-bottom:18px;color:var(--pr2);background:color-mix(in srgb,var(--pr) 14%,var(--bg))}
.card p{margin:.4em 0 0}.tag{display:inline-block;font-size:.72rem;border:1px solid var(--bd);border-radius:99px;padding:1px 12px;color:var(--ey);white-space:nowrap}.card .tag.pos{position:absolute;top:18px;inset-inline-end:18px}.tag.on1{color:#34d399;border-color:#34d39955}
.band{background:linear-gradient(135deg,color-mix(in srgb,var(--pr) 55%,#000),color-mix(in srgb,var(--pr2) 50%,#000));border-block:1px solid color-mix(in srgb,var(--pr) 60%,transparent)}.band p{color:#e6dcff}
.tbw{overflow-x:auto;border:1px solid var(--bd);border-radius:18px;margin-top:20px}table{width:100%;border-collapse:collapse;min-width:520px}td,th{padding:13px 18px;border-bottom:1px solid var(--bd);text-align:start}th{background:color-mix(in srgb,var(--pr) 16%,var(--bg))}td+td,th+th{text-align:center}.cat td{background:color-mix(in srgb,var(--pr) 9%,var(--bg));color:var(--ey);font-weight:700}.ck{color:#34d399;font-weight:800}.xx{color:#f87171}
.price{font-size:2rem;font-weight:800;margin:.1em 0}.steps{counter-reset:s}.steps .card:before{counter-increment:s;content:counter(s);position:absolute;top:18px;inset-inline-end:22px;font-size:2.4rem;font-weight:800;color:color-mix(in srgb,var(--pr) 35%,var(--bg))}
.mock{border:1px solid var(--bd);border-radius:20px;padding:20px;background:var(--cd);max-width:520px;margin-top:34px}.mock .r{display:flex;gap:10px}.mock .k{flex:1;border:1px solid var(--bd);border-radius:12px;padding:10px 12px}.mock .k b{display:block}.mock .k small{color:var(--mu)}.mock .b{display:flex;gap:8px;align-items:flex-end;height:84px;margin-top:14px}.mock .b i{flex:1;background:linear-gradient(var(--pr2),var(--pr));border-radius:6px 6px 0 0}
.dd{position:fixed;top:68px;inset-inline-end:16px;width:310px;max-width:92vw;background:var(--bg);border:1px solid var(--bd);border-radius:20px;padding:8px;display:none;z-index:50;box-shadow:0 26px 70px #000d}.dd.o{display:block;animation:dd .22s}@keyframes dd{from{opacity:0;transform:translateY(-8px)}}
.mi{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:12px;color:var(--tx);cursor:pointer;transition:.2s;border:0;background:none;width:100%;font:inherit;text-align:start}.mi:hover{background:color-mix(in srgb,var(--pr) 18%,transparent)}.mi svg{width:20px;height:20px;color:var(--pr2);flex:none}
.acct{display:flex;gap:12px;align-items:center;padding:12px;border-radius:14px;background:color-mix(in srgb,var(--pr) 14%,var(--bg));border:1px solid var(--bd);margin-bottom:6px;cursor:pointer;width:100%;color:var(--tx);font:inherit;text-align:start}.av{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--pr),var(--pr2));display:grid;place-items:center;flex:none}.av svg{width:22px;height:22px;color:#fff}.acct small{display:block;color:var(--mu)}.dv{height:1px;background:var(--bd);margin:6px 4px}
.ov{position:fixed;inset:0;background:#000b;display:none;align-items:center;justify-content:center;z-index:70}.bx{background:var(--bg);border:1px solid var(--bd);border-radius:20px;padding:26px;width:min(92vw,440px);max-height:88vh;overflow:auto;animation:pop .28s}@keyframes pop{from{opacity:0;transform:scale(.94)}}
.row2{display:flex;justify-content:space-between;align-items:center;margin:12px 0}.row2 input{width:48px;height:32px;border:0;padding:0;background:none}.pre button{margin:3px;border:1px solid var(--bd);background:none;color:var(--tx);border-radius:99px;padding:5px 14px;cursor:pointer;font-family:inherit;transition:.2s}.pre button:hover{border-color:var(--pr)}
input.f,textarea.f{width:100%;background:color-mix(in srgb,var(--pr) 6%,var(--bg));border:1px solid var(--bd);border-radius:12px;padding:11px 14px;color:var(--tx);font:inherit;margin:5px 0}
footer{border-top:1px solid var(--bd);padding:26px 20px;text-align:center;color:var(--mu);font-size:.85rem;margin-top:30px}
.rv{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.rv.in{opacity:1;transform:none}
@media(max-width:760px){.cta{display:none}.glass{display:none}.orb{opacity:.45}.nl{margin-inline-start:6px}.stat{border:0}.hero{padding-top:50px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}
.fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-top:22px}.fc2{border:1px solid var(--bd);border-radius:16px;padding:16px 20px;background:var(--cd)}.fc2 h3{color:var(--ey);font-size:1rem;margin:0 0 6px}
.fi{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-bottom:1px dashed color-mix(in srgb,var(--bd) 60%,transparent);font-size:.9rem}.fi em{font-style:normal;font-size:.7rem;color:var(--mu);white-space:nowrap;padding-top:3px}.fi em.on{color:#34d399}
details.q{border:1px solid var(--bd);border-radius:14px;padding:4px 18px;margin:10px 0;background:var(--cd)}details.q summary{cursor:pointer;padding:10px 0;font-weight:600}details.q p{margin:0 0 12px}
.tabs2{display:flex;gap:6px;margin-bottom:16px}.tabs2 button{flex:1;padding:10px;border-radius:12px;border:1px solid var(--bd);background:none;color:var(--tx);cursor:pointer;font:inherit}.tabs2 button.on{background:linear-gradient(135deg,var(--pr),var(--pr2));border:0;color:#fff}
.acw{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}@media(max-width:800px){.acw{grid-template-columns:1fr}}
.soc{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.soc a{border:1px solid var(--bd);border-radius:99px;padding:6px 16px;transition:.25s}.soc a:hover{border-color:var(--pr)}
.two2{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:800px){.two2{grid-template-columns:1fr}}.tx2{max-width:760px}.bl{margin:8px 0;padding-inline-start:20px;color:var(--mu)}