@import url('https://fonts.googleapis.com/css2?family=Lalezar&display=swap');
:root{--bg:#07070b;--panel:#111119cc;--line:#ffffff12;--text:#f7f4ff;--muted:#aaa6b8;--p:#9b5cff;--p2:#d16cff;--cyan:#7ee7ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:'Lalezar',Arial,sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:-30%;background:radial-gradient(circle at 20% 15%,#6d32ff20,transparent 25%),radial-gradient(circle at 80% 30%,#c34cff15,transparent 23%);pointer-events:none;z-index:-2}
.bg-grid{position:fixed;inset:0;opacity:.18;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(to bottom,black,transparent 80%);z-index:-1}
.nav{position:sticky;top:16px;z-index:10;width:min(1180px,calc(100% - 28px));margin:16px auto;padding:12px 14px;display:flex;align-items:center;gap:25px;border-radius:18px}
.glass{background:linear-gradient(135deg,#ffffff0b,#ffffff03);border:1px solid var(--line);box-shadow:0 20px 80px #0008,inset 0 1px #fff08;backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:900;letter-spacing:.5px}.brand b{color:#b477ff}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,var(--p),#4820a0);box-shadow:0 0 25px #9b5cff88}
nav{display:flex;gap:20px;flex:1;justify-content:center}nav a{color:#aaa6b8;text-decoration:none;font-size:13px;transition:.2s}nav a:hover{color:#fff}
.u-btn{border:1px solid #ffffff18;background:#ffffff08;color:#fff;border-radius:12px;padding:13px 20px;font:700 13px Vazirmatn;cursor:pointer;transition:.2s;position:relative;overflow:hidden}.u-btn:hover{transform:translateY(-2px);border-color:#b579ff66;box-shadow:0 10px 30px #8e48ff25}.u-btn.primary{background:linear-gradient(135deg,#a65cff,#6730d8);box-shadow:0 0 35px #934fff55}.u-btn.small{padding:9px 14px}.u-btn.ghost{background:#fff06}
.hero{width:min(1180px,calc(100% - 28px));margin:90px auto 120px;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px;color:#ae7aff;font-weight:800}.hero h1{font-size:clamp(48px,7vw,88px);line-height:1.03;margin:18px 0}.hero h1 span{background:linear-gradient(90deg,#fff,#ae72ff);-webkit-background-clip:text;color:transparent}.hero p{color:var(--muted);font-size:16px;line-height:2;max-width:570px}.actions{display:flex;gap:12px;margin:25px 0}.stats{display:flex;gap:35px;margin-top:40px}.stats strong{display:block;font-size:22px}.stats small{color:#85808f;font-size:11px}
.hero-card{height:520px;border-radius:30px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 50%,#8f48ff19,transparent 45%),#090910}.hero-card:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 35%,#a760ff10 50%,transparent 65%);animation:sweep 5s linear infinite}.radar{position:absolute;width:290px;height:290px;border:1px solid #9d5eff55;border-radius:50%;left:50%;top:48%;transform:translate(-50%,-50%);box-shadow:0 0 70px #9b5cff22}.radar:before,.radar:after{content:"";position:absolute;inset:45px;border:1px solid #fff10;border-radius:50%}.radar:after{inset:90px}.city-lines{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,#9d5eff22 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,#9d5eff22 50%,transparent 50.2%);background-size:90px 90px;transform:rotate(25deg) scale(1.5);opacity:.7}.map-label{position:absolute;top:25px;left:25px;font-size:10px;color:#bda4df;letter-spacing:2px}.map-label i{display:inline-block;width:7px;height:7px;background:#54e6b0;border-radius:50%;margin-left:7px;box-shadow:0 0 12px #54e6b0}.location{position:absolute;bottom:25px;right:25px;padding:9px 13px;border:1px solid #ffffff14;border-radius:10px;background:#090910bb;font-size:11px;color:#bdb8c8}
.section,.world,.cta{width:min(1180px,calc(100% - 28px));margin:0 auto 120px}.section-head{margin-bottom:28px}.section h2,.world h2,.cta h2{font-size:38px;margin:10px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{padding:25px;border-radius:20px;min-height:180px;transition:.25s}.card:hover{transform:translateY(-5px);border-color:#a25cff44}.icon{font-size:28px}.card h3{margin:18px 0 7px}.card p,.world p,.news p,.cta p{color:var(--muted);font-size:13px;line-height:1.9}
.world{padding:45px;border-radius:28px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.mini-map{height:300px;border-radius:22px;background:#080811;border:1px solid #ffffff10;position:relative;overflow:hidden;background-image:linear-gradient(#8c52ff12 1px,transparent 1px),linear-gradient(90deg,#8c52ff12 1px,transparent 1px);background-size:35px 35px}.mini-map span{position:absolute;font-size:9px;color:#9d96ab;border:1px solid #ffffff15;padding:7px;border-radius:8px;background:#ffffff05}.mini-map span:nth-child(1){top:25px;right:35px}.mini-map span:nth-child(2){top:130px;left:30px}.mini-map span:nth-child(3){bottom:35px;right:45px}.mini-map span:nth-child(4){bottom:55px;left:35px}.route{position:absolute;width:180px;height:100px;border:2px dashed #b568ff;border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;left:95px;top:80px;transform:rotate(20deg);filter:drop-shadow(0 0 7px #a45cff)}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.news{padding:25px;border-radius:20px}.news span{font-size:9px;color:#b477ff;letter-spacing:2px}.news h3{margin-bottom:5px}.news time{font-size:10px;color:#77727f}
.cta{text-align:center;padding:65px 25px;border-radius:28px}.cta p{margin-bottom:25px}footer{width:min(1180px,calc(100% - 28px));margin:auto;padding:25px 0 40px;border-top:1px solid #ffffff0d;color:#686370;display:flex;justify-content:space-between;font-size:10px}
.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;background:#15131d;border:1px solid #ffffff18;padding:12px 18px;border-radius:12px;font-size:12px;transition:.3s;z-index:50}.toast.show{opacity:1;transform:translate(-50%,0)}
@keyframes sweep{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@media(max-width:800px){nav{display:none}.hero{grid-template-columns:1fr;margin-top:55px}.hero-card{height:330px}.cards,.news-grid{grid-template-columns:1fr 1fr}.world{grid-template-columns:1fr;padding:28px}.section h2,.world h2,.cta h2{font-size:30px}}@media(max-width:520px){.cards,.news-grid{grid-template-columns:1fr}.stats{gap:18px}.hero{margin-bottom:80px}.hero h1{font-size:48px}.world{margin-bottom:80px}footer{flex-direction:column;gap:10px}}
.cta-group{width:100%;max-width:840px;margin-top:42px}.cta-row{display:grid;grid-template-columns:1fr;gap:14px;margin-top:14px}.cta-btn{position:relative;overflow:hidden;display:inline-flex;flex-direction:row-reverse;align-items:center;justify-content:center;gap:12px;width:100%;min-height:76px;padding:16px 20px;border-radius:24px;border:1px solid var(--line);text-align:center;text-decoration:none;font:700 16px Vazirmatn;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.cta-btn:hover{transform:translateY(-4px) scale(1.02)}.cta-btn img{width:30px;height:30px;object-fit:contain}.cta-btn span{font-weight:700;font-size:16px}.cta-btn.primary{color:#fff;background:linear-gradient(90deg,#7c83ff,#646bff,#4f54ea);box-shadow:0 18px 45px rgba(92,95,255,.35)}.cta-btn.secondary{color:#fff;background:linear-gradient(180deg,rgba(52,56,71,.95),rgba(22,25,35,.95))}.cta-btn.desktop{color:#fff;background:linear-gradient(180deg,#ff8a1f,#e06500);box-shadow:0 14px 36px rgba(255,138,31,.28)}@media(min-width:768px){.cta-btn span{font-size:18px}.cta-row{grid-template-columns:1fr 1fr 1fr;gap:16px;margin-top:16px}}
 .footer {
      position: relative;
      z-index: 2;
      width: 100%;
      margin-top: auto;
      padding: 22px 28px;
      border-top: 1px solid rgba(255, 255, 255, 0.04);
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      gap: 14px;
      background: rgba(10, 6, 22, 0.4);
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
    }
    .footer-text {
      color: var(--ink-dimmer);
      font-size: 12px;
      display: flex;
      align-items: center;
      gap: 8px;
      font-weight: 600;
    }
    .footer-text i {
      color: var(--primary-light);
    }
    .footer-social {
      display: flex;
      gap: 8px;
    }
    .footer-social a {
      color: var(--ink-dim);
      font-size: 15px;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      background: rgba(255, 255, 255, 0.02);
      border: 1px solid rgba(255, 255, 255, 0.04);
      transition: var(--transition);
    }
    .footer-social a:hover {
      color: #fff;
      background: rgba(124, 58, 237, 0.06);
      border-color: var(--primary);
      transform: translateY(-3px);
    }
    @media (max-width: 768px) {
      .navbar {
        width: 96%;
        padding: 8px 16px;
        border-radius: var(--radius-sm);
      }
      .feature-section{
width:min(1180px,calc(100% - 28px));
margin:0 auto 120px;
padding:34px;
border:1px solid #ffffff0f;
border-radius:32px;
background:linear-gradient(180deg,#0b0e1abd,#080b14e6);
box-shadow:0 24px 70px #00000038;
backdrop-filter:blur(18px)
}
.section-heading{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:12px;
text-align:center;
margin-bottom:32px
}
.section-kicker{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:36px;
padding:0 16px;
border-radius:999px;
border:1px solid #7d74ff38;
background:#7d74ff1a;
color:#ffffffeb;
font-size:13px;
font-weight:700
}
.section-title{
margin:0;
max-width:620px;
font-size:32px;
line-height:1.5;
font-weight:900
}
.feature-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:16px;
width:100%
}
.feature-card{
width:100%;
min-height:420px;
padding:32px;
border:1px solid #ffffff14;
border-radius:28px;
box-shadow:0 18px 60px #00000038;
backdrop-filter:blur(18px);
transition:.25s
}
.feature-card:hover{
transform:translateY(-5px)
}
.nexus-card{
background:linear-gradient(180deg,#172b63d9,#0c1833e8);
border-color:#3b82f638
}
.store-card{
background:linear-gradient(180deg,#42240fd9,#201208e8);
border-color:#f59e0b38
}
.feature-card-content{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:18px;
width:100%;
min-height:100%
}
.feature-top{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:14px;
width:100%
}
.feature-badge{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:38px;
padding:0 16px;
border-radius:999px;
background:#94a3b81f;
border:1px solid #94a3b838;
color:#ffffffeB;
font-size:13px;
font-weight:700
}
.feature-badge-gold{
background:#fbbf241f;
border-color:#fbbf243d;
color:#fcd34d
}
.feature-card h2{
margin:0;
font-size:24px;
line-height:1.55
}
.feature-card p{
margin:0;
font-size:15px;
line-height:1.95;
color:#d0ccda
}
.store-card h2,
.store-card p{
color:#fff7ed
}
.feature-points{
width:100%;
margin:0;
padding:0;
list-style:none;
display:grid;
gap:10px
}
.feature-points li{
position:relative;
padding-right:18px;
font-size:14px;
line-height:1.7;
color:#ffffffd1
}
.feature-points li:before{
content:"";
position:absolute;
top:8px;
right:0;
width:8px;
height:8px;
border-radius:999px;
background:currentColor;
opacity:.8
}
.store-card .feature-points li{
color:#fde68a
}
.feature-cta,
.feature-cta-gold{
margin-top:auto;
min-height:56px;
min-width:240px;
display:inline-flex;
flex-direction:row-reverse;
align-items:center;
justify-content:center;
gap:10px;
padding:0 22px;
border-radius:999px;
text-decoration:none;
font-size:16px;
font-weight:700;
color:#fff;
transition:.25s
}
.feature-cta{
background:linear-gradient(180deg,#2563eb,#1d4ed8);
box-shadow:0 16px 38px #2563eb42
}
.feature-cta-gold{
background:linear-gradient(180deg,#f97316,#ea580c);
box-shadow:0 16px 38px #ea580c47;
border:1px solid #ffffff14
}
.feature-cta img,
.feature-cta-gold img{
width:22px;
height:22px;
object-fit:contain
}
.feature-cta-gold img{
filter:brightness(0) invert(1)
}
.feature-cta span,
.feature-cta-gold span{
color:#fff;
line-height:1;
white-space:nowrap
}
.feature-cta:hover,
.feature-cta-gold:hover{
transform:translateY(-3px)
}
.cta{
width:min(1180px,calc(100% - 28px));
margin:0 auto 80px;
text-align:center;
padding:65px 25px;
border-radius:28px
}
.cta h2{
font-size:38px;
margin:10px 0
}
.cta p{
color:var(--muted);
font-size:13px;
line-height:1.9;
margin-bottom:25px
}
footer{
width:min(1180px,calc(100% - 28px));
margin:auto;
padding:25px 0 40px;
border-top:1px solid #ffffff0d;
color:#686370;
display:flex;
justify-content:space-between;
font-size:10px
}
@media(max-width:800px){
nav{display:none}
.hero{
grid-template-columns:1fr;
margin-top:55px
}
.hero-card{height:330px}
.cards,.news-grid{
grid-template-columns:1fr
}
.world{
grid-template-columns:1fr;
padding:28px
}
.feature-grid{
grid-template-columns:1fr
}
.section h2,
.world h2,
.cta h2{
font-size:30px
}
}
@media(max-width:520px){
.hero{
margin-bottom:80px
}
.hero h1{
font-size:48px
}
.world{
margin-bottom:80px
}
.feature-section{
padding:20px
}
.feature-card{
padding:24px;
min-height:390px
}
.feature-cta,
.feature-cta-gold{
width:100%;
min-width:0
}