@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/vazirmatn-arabic-400-normal-DMZFCm7K.woff2) format("woff2"),url(/assets/vazirmatn-arabic-400-normal-C4W5XURk.woff) format("woff")}@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/vazirmatn-arabic-700-normal-Dge_DOjm.woff2) format("woff2"),url(/assets/vazirmatn-arabic-700-normal-B5nPuCFv.woff) format("woff")}@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/vazirmatn-arabic-900-normal-BVDx3pOU.woff2) format("woff2"),url(/assets/vazirmatn-arabic-900-normal-DxDkRnCr.woff) format("woff")}:root{--font: "Vazirmatn", system-ui, -apple-system, "Segoe UI", Tahoma, sans-serif;--bg-0: #050814;--bg-1: #090e21;--bg-2: #162247;--surface: rgba(255,255,255,.07);--border: rgba(255,255,255,.16);--text: #f8fafc;--text-dim: #b4bddb;--on-accent: #0b1020;--accent: #ff4fa3;--accent-2: #38e1ff;--accent-3: #ffd23f;--success: #3ddc84;--bounce: cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font);font-weight:400;line-height:1.7;color:var(--text);background:var(--bg-1);overflow-x:hidden;min-height:100vh}a{color:inherit}:focus-visible{outline:3px solid var(--accent-3);outline-offset:3px;border-radius:8px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}h1,h2,h3,p,ul,ol{margin:0;padding:0}ul,ol{list-style:none}main,.top,.foot{position:relative;z-index:1}main{overflow-x:clip}.bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(circle at 50% 0%,var(--bg-2) 0%,var(--bg-1) 60%,var(--bg-0) 100%)}.blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;will-change:transform}.b1{width:60vmax;height:60vmax;background:var(--accent);top:-25vmax;right:-20vmax;opacity:.38;animation:drift1 18s ease-in-out infinite alternate}.b2{width:55vmax;height:55vmax;background:var(--accent-2);bottom:-25vmax;left:-22vmax;opacity:.28;animation:drift2 22s ease-in-out infinite alternate}.b3{width:35vmax;height:35vmax;background:var(--accent-3);top:40%;right:30%;opacity:.12;animation:drift1 26s ease-in-out infinite alternate-reverse}@keyframes drift1{to{transform:translate(-12vmax,10vmax) scale(1.2) rotate(40deg)}}@keyframes drift2{to{transform:translate(14vmax,-8vmax) scale(1.15)}}.floaters span{position:absolute;bottom:-80px;font-size:var(--s);opacity:.28;filter:saturate(1.2);animation:rise var(--dur) linear var(--del) infinite}@keyframes rise{0%{transform:translate(0) rotate(-10deg)}50%{transform:translate(var(--dx),-55vh) rotate(12deg)}to{transform:translate(calc(var(--dx) * -1),-115vh) rotate(-10deg)}}.top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;max-width:1200px;margin:0 auto}.brand{display:inline-flex;align-items:center;gap:8px;font-weight:900;font-size:22px;text-decoration:none}.logo{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--accent);box-shadow:0 0 24px #ff4fa38c;animation:wob 4s ease-in-out infinite}@keyframes wob{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg) scale(1.06)}}.top-link{font-weight:700;font-size:15px;text-decoration:none;padding:8px 14px;border-radius:999px;border:2px solid var(--border);background:var(--surface);transition:transform .2s var(--bounce),border-color .2s}.top-link:hover{transform:translateY(-2px) rotate(-2deg);border-color:var(--accent-2)}.hero{text-align:center;padding:28px 16px 40px;max-width:900px;margin:0 auto}.badge{display:inline-block;font-weight:700;font-size:15px;padding:6px 16px;border-radius:999px;background:#ffd23f24;border:2px solid rgba(255,210,63,.5);color:var(--accent-3)}h1{margin:18px 0 14px;line-height:1.2;font-weight:900}.h-small{display:block;font-size:clamp(26px,6.5vw,44px)}.h-big{display:block;font-size:clamp(46px,13vw,104px);background:linear-gradient(100deg,var(--accent),var(--accent-3),var(--accent-2),var(--accent));background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 6s linear infinite;padding-block:.06em}@keyframes shine{to{background-position:-300% 0}}.pitch{font-size:clamp(17px,4.2vw,22px);color:var(--text-dim);max-width:640px;margin:0 auto 26px}.pitch b{color:var(--accent-3);font-weight:900}.pop{opacity:0;animation:pop .8s var(--bounce) var(--d, 0ms) forwards}@keyframes pop{0%{opacity:0;transform:translateY(34px) scale(.85)}to{opacity:1;transform:none}}.cta-wrap{display:flex;flex-direction:column;align-items:center;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:inherit;font-weight:900;text-decoration:none;cursor:pointer;border:0;border-radius:999px;transition:transform .25s var(--bounce),box-shadow .25s}.btn-main{font-size:clamp(20px,5vw,28px);padding:16px 38px;color:var(--on-accent);max-width:100%;background:linear-gradient(135deg,var(--accent-3),#ff9d3f 55%,var(--accent));box-shadow:0 8px #b3306f,0 0 40px #ff4fa380;animation:pulse 2s ease-in-out infinite;position:relative}.btn-main:hover{transform:translateY(-4px) scale(1.05) rotate(-1.5deg)}.btn-main:active{transform:translateY(5px) scale(.97);box-shadow:0 3px #b3306f,0 0 30px #ff4fa380}.btn-emoji{display:inline-block;animation:wob 2.2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 8px #b3306f,0 0 26px #ff4fa373}50%{box-shadow:0 8px #b3306f,0 0 64px #ffd23fbf}}.btn-ghost{font-size:17px;padding:10px 24px;color:var(--text);background:var(--surface);border:2px solid var(--accent-2)}.btn-ghost:hover{transform:scale(1.06) rotate(1deg)}.hint{color:var(--text-dim);font-size:15.5px;max-width:420px}.phone-only{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 16px;border-radius:20px;background:var(--surface);border:2px dashed var(--border);max-width:380px}.phone-only[hidden]{display:none}.phone-note{font-size:14.5px;color:var(--text-dim)}.toast{min-height:1.6em;font-size:14.5px;color:var(--success);font-weight:700;word-break:break-all}.join-link{color:var(--accent-2);font-weight:700;text-underline-offset:6px;padding:6px 10px}.join-link:hover{color:var(--accent-3)}.marquee{overflow:hidden;background:var(--accent);color:var(--on-accent);transform:rotate(-1.4deg) scale(1.03);margin:14px 0 44px;box-shadow:0 6px 30px #ff4fa366;direction:ltr}.track{display:flex;width:max-content;animation:scroll 40s linear infinite;direction:rtl}.track span{font-weight:900;font-size:20px;padding:10px 22px;white-space:nowrap}.track span:after{content:"✦";margin-inline-start:44px;opacity:.6}@keyframes scroll{to{transform:translate(50%)}}.sec-title{text-align:center;font-weight:900;font-size:clamp(30px,7vw,52px);line-height:1.3}.sec-sub{text-align:center;color:var(--text-dim);margin-top:4px}.how,.games,.why,.final{max-width:1200px;margin:0 auto;padding:36px 16px}.js .reveal{opacity:0;transform:translateY(36px) scale(.94)}.js .reveal.in{opacity:1;transform:none;transition:opacity .6s ease var(--rd, 0ms),transform .7s var(--bounce) var(--rd, 0ms)}.steps{display:grid;gap:22px;margin-top:30px;grid-template-columns:1fr}.step{position:relative;text-align:center;padding:22px 18px 26px;border-radius:28px;background:var(--surface);border:2px solid var(--border);overflow:hidden}.step:before{content:"";position:absolute;inset:0 0 auto;height:6px;background:var(--c)}.step h3{font-size:22px;font-weight:900;margin:8px 0 4px}.step p{color:var(--text-dim);font-size:16px}.num{position:absolute;top:14px;inset-inline-start:14px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--c);color:var(--on-accent);font-weight:900;font-size:20px}.art{height:190px;position:relative;display:grid;place-items:center;margin-bottom:6px}.art-tv .tv{width:220px;padding:9px;border-radius:18px;background:#2a3563;border:3px solid #4a5896;box-shadow:0 0 30px #ff4fa359;animation:bob 3.5s ease-in-out infinite}.tv-screen{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-radius:10px;background:radial-gradient(circle at 30% 20%,var(--bg-2),var(--bg-0));text-align:center}.tv-label{display:block;font-size:12px;color:var(--text-dim);font-weight:700;line-height:1.2}.tv-code{display:block;font-size:38px;font-weight:900;letter-spacing:2px;color:var(--accent-3);line-height:1.1;animation:blink 2.4s steps(1) infinite}.qr{width:62px;height:62px;padding:4px;background:#fff;border-radius:6px;flex:none}.qr svg{display:block;width:100%;height:100%}.tv-stand{position:absolute;bottom:14px;width:90px;height:8px;border-radius:6px;background:#4a5896}@keyframes bob{50%{transform:translateY(-7px) rotate(.8deg)}}@keyframes blink{0%,85%{opacity:1}90%{opacity:.5}}.phone{position:absolute;width:70px;height:120px;border-radius:16px;background:#1b2650;border:3px solid var(--accent-2);display:grid;place-items:center;bottom:28px;animation:join 4s var(--bounce) infinite}.p1{--x: -80px;--r: -10deg;animation-delay:0s;transform:translate(-80px) rotate(-10deg)}.p2{--x: 0px;--r: 0deg;bottom:38px;animation-delay:.5s}.p3{--x: 80px;--r: 10deg;animation-delay:1s}.av{font-size:34px;animation:avpop 4s var(--bounce) infinite}.p2 .av{animation-delay:.5s}.p3 .av{animation-delay:1s}@keyframes join{0%{transform:translate(var(--x),60px) rotate(var(--r)) scale(.6);opacity:0}15%,to{transform:translate(var(--x)) rotate(var(--r)) scale(1);opacity:1}}@keyframes avpop{0%,12%{transform:scale(0)}25%,to{transform:scale(1)}}.scan{position:absolute;top:10px;width:150px;height:3px;border-radius:3px;background:var(--accent-2);box-shadow:0 0 14px var(--accent-2);animation:scan 2.4s ease-in-out infinite alternate}@keyframes scan{0%{transform:translateY(0);opacity:.2}to{transform:translateY(110px);opacity:1}}.bars{display:flex;align-items:flex-end;gap:12px;height:150px}.bars span{position:relative;width:44px;height:var(--h);border-radius:12px 12px 4px 4px;background:linear-gradient(var(--accent-3),var(--accent));transform-origin:bottom;animation:grow 3s var(--bounce) calc(var(--i) * .15s) infinite alternate}.bars span:nth-child(2){background:linear-gradient(var(--accent-2),#4b7bff)}.bars span:nth-child(3){background:linear-gradient(var(--success),#1fa06b)}.bars em{position:absolute;top:-34px;inset-inline:0;text-align:center;font-style:normal;font-size:24px}@keyframes grow{0%{transform:scaleY(.55)}to{transform:scaleY(1)}}.confetti{position:absolute;width:10px;height:14px;border-radius:3px;animation:fall 3s linear infinite;top:0}.c1{background:var(--accent);left:20%}.c2{background:var(--accent-2);left:45%;animation-delay:-1s}.c3{background:var(--accent-3);left:70%;animation-delay:-2s}.c4{background:var(--success);left:85%;animation-delay:-.5s}@keyframes fall{to{transform:translateY(180px) rotate(360deg);opacity:0}}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:28px}.card{position:relative;padding:16px 12px 14px;border-radius:24px;text-align:center;background:var(--surface);border:2px solid var(--border);cursor:default;overflow:hidden;-webkit-tap-highlight-color:transparent;transition:transform .3s var(--bounce),border-color .2s,box-shadow .3s,background .3s}.card:before{content:"";position:absolute;inset:auto -20% -60%;height:90%;background:radial-gradient(circle,var(--c),transparent 65%);opacity:0;transition:opacity .3s}.card>*{position:relative}.card-emoji{display:block;font-size:46px;line-height:1.2;transition:transform .4s var(--bounce)}.card h3{font-size:19px;font-weight:900;margin-top:2px}.card p{font-size:14px;color:var(--text-dim);line-height:1.6;margin:4px 0 10px;min-height:3.2em}.pill{display:inline-block;font-size:13px;font-weight:700;padding:2px 12px;border-radius:999px;background:#0000004d;border:1px solid var(--c);color:var(--text)}.js .card.reveal.in:hover,.card:hover{transform:translateY(-8px) rotate(var(--t)) scale(1.04);border-color:var(--c);box-shadow:0 16px 40px #00000073,0 0 30px color-mix(in srgb,var(--c) 45%,transparent)}.card:hover:before,.card.boing:before{opacity:.28}.card:hover .card-emoji,.card.boing .card-emoji{transform:scale(1.35) rotate(-12deg)}.card.boing{animation:boing .5s var(--bounce)}@keyframes boing{0%{scale:.92}60%{scale:1.06}to{scale:1}}.why-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.why-list li{text-align:center;padding:18px 10px;border-radius:24px;background:var(--surface);border:2px solid var(--border);border-bottom:6px solid var(--c)}.why-list span{display:block;font-size:38px;line-height:1.3}.why-list b{display:block;font-weight:900;font-size:19px}.why-list small{color:var(--text-dim);font-size:14px}.final{text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;padding-block:56px 70px}.final h2{font-size:clamp(32px,8vw,58px);font-weight:900;line-height:1.3}.final p{color:var(--text-dim);font-size:18px;margin-bottom:8px}.foot{display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:space-between;align-items:center;padding:22px 16px 30px;max-width:1200px;margin:0 auto;border-top:1px solid var(--border);color:var(--text-dim);font-size:15px}.foot nav{display:flex;gap:20px}.foot a{text-underline-offset:5px;padding:4px 0}@media (min-width: 640px){.grid{grid-template-columns:repeat(3,1fr);gap:16px}.steps{grid-template-columns:repeat(3,1fr)}.why-list{grid-template-columns:repeat(4,1fr)}}@media (min-width: 980px){.hero{padding-top:56px;padding-bottom:60px}.grid{grid-template-columns:repeat(4,1fr)}.card-emoji{font-size:56px}}@media (max-width: 380px){.art-tv .tv{width:200px}.tv-code{font-size:32px}.qr{width:52px;height:52px}.btn-main{padding-inline:24px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.pop,.js .reveal{opacity:1!important;transform:none!important}.floaters,.marquee,.scan{display:none}.phone{opacity:1}.p2{transform:none}.p3{transform:translate(80px) rotate(10deg)}.av{transform:none}}