@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@500;600;700;800;900&display=swap');
:root{--font:"Vazirmatn",Tahoma,Arial,sans-serif;--bg:#050505;--gold:#d9af3b;--gold2:#f5d36d}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100dvh;overflow:hidden;background:var(--bg)}body{font-family:var(--font)}
.landing-page::before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 50% 42%,rgba(217,175,59,.14),transparent 26rem),radial-gradient(circle at 20% 18%,rgba(255,255,255,.035),transparent 16rem),radial-gradient(circle at 78% 78%,rgba(217,175,59,.08),transparent 20rem),linear-gradient(160deg,#020202 0%,#050505 35%,#0b0b0c 100%)}
.landing-root{position:fixed;inset:0;overflow:hidden;z-index:1;pointer-events:none}.landing-grid{position:absolute;inset:-12%;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:68px 68px;transform:perspective(920px) rotateX(76deg) translateY(27%);transform-origin:center bottom;mask-image:linear-gradient(to top,rgba(0,0,0,.9),transparent 72%);animation:gridDrift 18s linear infinite}
.landing-aurora{position:absolute;border-radius:50%;filter:blur(28px);opacity:.54}.aurora-a{width:min(48vw,680px);aspect-ratio:1;left:50%;top:28%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(217,175,59,.16),transparent 66%);animation:haloPulse 7.8s ease-in-out infinite alternate}.aurora-b{width:min(34vw,480px);aspect-ratio:1;right:12%;bottom:2%;background:radial-gradient(circle,rgba(217,175,59,.09),transparent 72%);animation:haloPulse 9.4s ease-in-out infinite alternate-reverse}
.landing-world{position:absolute;left:50%;top:42%;width:min(52vw,720px);aspect-ratio:1;transform:translate(-50%,-50%)}.world-core{position:absolute;left:50%;top:50%;width:54%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;overflow:hidden;background:radial-gradient(circle at 48% 34%,rgba(255,255,255,.14),transparent 8%),radial-gradient(circle at 50% 48%,rgba(217,175,59,.16),transparent 42%),linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(217,175,59,.35);box-shadow:inset 0 0 70px rgba(217,175,59,.10),inset 0 0 16px rgba(255,255,255,.06),0 0 90px rgba(217,175,59,.12)}
.world-core::before{content:"";position:absolute;inset:0;border-radius:50%;background-image:radial-gradient(circle at 22% 40%,rgba(217,175,59,.8) 0 2px,transparent 3px),radial-gradient(circle at 36% 28%,rgba(217,175,59,.65) 0 2px,transparent 3px),radial-gradient(circle at 62% 25%,rgba(217,175,59,.7) 0 2px,transparent 3px),radial-gradient(circle at 73% 42%,rgba(217,175,59,.88) 0 2px,transparent 3px),radial-gradient(circle at 59% 58%,rgba(217,175,59,.75) 0 2px,transparent 3px),radial-gradient(circle at 33% 68%,rgba(217,175,59,.72) 0 2px,transparent 3px),radial-gradient(circle at 76% 66%,rgba(217,175,59,.66) 0 2px,transparent 3px)}.world-core::after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 50% 50%,transparent 52%,rgba(217,175,59,.12) 100%)}
.world-meridian,.world-parallel{position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%}.world-meridian{top:-2%;bottom:-2%;width:30%}.m-1{left:19%}.m-2{left:35%}.m-3{right:19%}.world-parallel{left:7%;right:7%;height:18%}.p-1{top:22%}.p-2{top:40%}.p-3{top:60%}
.world-orbit,.gold-arc{position:absolute;left:50%;top:50%;border-radius:50%;translate:-50% -50%}.world-orbit{border:1px solid rgba(255,255,255,.08)}.orbit-a{width:72%;height:72%;animation:rotateCW 22s linear infinite}.orbit-b{width:88%;height:88%;border-style:dashed;border-color:rgba(217,175,59,.26);animation:rotateCCW 28s linear infinite}.orbit-c{width:104%;height:68%;border-color:rgba(217,175,59,.18);transform:rotate(-18deg)}.gold-arc{border:1px solid transparent}.arc-a{width:118%;height:118%;border-top-color:rgba(217,175,59,.72);border-left-color:rgba(217,175,59,.18);filter:drop-shadow(0 0 10px rgba(217,175,59,.16));animation:rotateCW 20s linear infinite}.arc-b{width:128%;height:74%;border-right-color:rgba(255,255,255,.18);border-bottom-color:rgba(217,175,59,.32);transform:rotate(16deg);animation:rotateCCW 27s linear infinite}
.market-node{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--gold2);box-shadow:0 0 0 5px rgba(217,175,59,.08),0 0 20px rgba(217,175,59,.55)}.node-a{left:18%;top:26%;animation:nodeBlink 2.8s ease-in-out infinite}.node-b{right:17%;top:38%;animation:nodeBlink 3.6s ease-in-out infinite -.8s}.node-c{left:50%;bottom:12%;transform:translateX(-50%);animation:nodeBlink 3.2s ease-in-out infinite -1.4s}.gold-shard{position:absolute;width:88px;height:22px;border-radius:999px;background:linear-gradient(135deg,rgba(245,211,109,.98),rgba(172,124,21,.92));box-shadow:0 10px 28px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.48),0 0 24px rgba(217,175,59,.12)}.gold-shard::before{content:"";position:absolute;inset:5px 10px auto;height:4px;border-radius:999px;background:rgba(255,255,255,.34)}.shard-a{left:5%;top:52%;transform:rotate(-16deg)}.shard-b{right:4%;top:28%;transform:rotate(17deg)}.shard-c{right:14%;bottom:14%;transform:rotate(-12deg);width:72px}
.brand-emblem{position:absolute;left:50%;top:24%;width:clamp(110px,12vw,156px);aspect-ratio:1;transform:translateX(-50%);display:grid;place-items:center;padding:14px;border-radius:32px;background:linear-gradient(180deg,rgba(14,14,16,.92),rgba(8,8,9,.96));border:1px solid rgba(217,175,59,.24);box-shadow:0 30px 64px rgba(0,0,0,.38),0 0 0 1px rgba(255,255,255,.03) inset,0 0 30px rgba(217,175,59,.08)}.brand-emblem::before{content:"";position:absolute;inset:-1px;border-radius:32px;padding:1px;background:linear-gradient(135deg,rgba(245,211,109,.72),rgba(217,175,59,.08),rgba(255,255,255,.08));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.brand-logo-image{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;border-radius:24px}
.landing-enter{position:fixed;left:50%;bottom:clamp(2rem,7vh,5rem);z-index:20;width:min(360px,calc(100vw - 2.5rem));transform:translateX(-50%);min-height:64px;display:flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid rgba(255,255,255,.10);border-radius:22px;background:linear-gradient(135deg,rgba(245,211,109,.98),rgba(217,175,59,.98) 56%,rgba(167,118,18,.98));color:#050505;font-size:1.07rem;font-weight:900;box-shadow:0 18px 44px rgba(0,0,0,.34),0 0 0 1px rgba(255,233,160,.16) inset,0 0 28px rgba(217,175,59,.16);transition:.18s ease}.landing-enter:hover{transform:translateX(-50%) translateY(-2px) scale(1.01);filter:brightness(1.045);box-shadow:0 22px 50px rgba(0,0,0,.4),0 0 42px rgba(217,175,59,.24)}
@keyframes rotateCW{to{transform:rotate(360deg)}}@keyframes rotateCCW{to{transform:rotate(-360deg)}}@keyframes gridDrift{to{background-position:68px 68px,68px 68px}}@keyframes nodeBlink{0%,100%{opacity:.36;scale:.82}50%{opacity:1;scale:1.22}}@keyframes haloPulse{from{opacity:.28;transform:translate(-50%,-50%) scale(.96)}to{opacity:.6;transform:translate(-50%,-50%) scale(1.06)}}
@media(max-width:900px){.landing-world{width:min(88vw,560px);top:41%}.brand-emblem{top:18%;width:108px;border-radius:26px}.gold-shard{width:62px;height:16px}.landing-enter{bottom:max(1.4rem,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.landing-grid,.landing-aurora,.world-orbit,.gold-arc,.market-node{animation:none!important}}