#welcomeScreen{position:fixed;inset:0;z-index:9999;}#welcomeScreen.wc-hidden{display:none!important;}
#welcomeScreen{--o:#ff9800;--navy:#0b111d;--card:#121829;box-sizing:border-box}
#welcomeScreen *{box-sizing:border-box;margin:0}
#welcomeScreen{height:100%;overflow:hidden;font-family:'Outfit','Cairo',system-ui,sans-serif;color:#fff;background:#0a1226}
#welcomeScreen{display:flex;align-items:center;justify-content:center}
#welcomeScreen .stage{--w:min(100vw,calc(100dvh*942/1670));position:relative;width:var(--w);aspect-ratio:942/1670;overflow:hidden;background:#0a1226}
#welcomeScreen .art{position:absolute;inset:0;width:100%;height:100%;display:block;animation:wc-in 1.4s ease both}
@keyframes wc-in{from{opacity:0;transform:scale(1.04)}to{opacity:1;transform:none}}
@keyframes wc-fade{from{opacity:0;transform:translateY(calc(var(--w)*.03))}to{opacity:1;transform:none}}
#welcomeScreen .abs{position:absolute}
#welcomeScreen .langs{right:5.520%;top:2.395%;display:flex;align-items:center;gap:calc(var(--w)*0.0255);direction:ltr;font-size:calc(var(--w)*0.0276);font-weight:600;animation:wc-fade 1s ease .3s both}
#welcomeScreen .langs button{font:inherit;color:#e8edf8;background:none;border:0;cursor:pointer;padding:calc(var(--w)*0.0064)}
#welcomeScreen .langs button.on{color:#ffa21f}#welcomeScreen .langs i{width:1px;height:calc(var(--w)*0.0318);background:#e8edf8;opacity:.8}
#welcomeScreen .logo{left:36.306%;top:7.006%;width:26.752%;height:auto;animation:wc-pop 1.1s cubic-bezier(.2,1.3,.4,1) .4s both}
@keyframes wc-pop{from{opacity:0;transform:scale(.7) translateY(-30px)}to{opacity:1;transform:none}}
#welcomeScreen h1{left:0;width:100%;top:24.431%;text-align:center;font-size:calc(var(--w)*0.0828);font-weight:700;line-height:1.1;animation:wc-fade 1s ease 1s both;background:linear-gradient(180deg,#fff 20%,#c9d3ea);-webkit-background-clip:text;background-clip:text;color:transparent}
#welcomeScreen h1 em{font-style:normal;background:linear-gradient(180deg,#ffb83f,#ff8a00);-webkit-background-clip:text;background-clip:text;color:transparent}
#welcomeScreen .sub{left:10%;width:80%;top:35.808%;text-align:center;font-size:calc(var(--w)*0.0324);line-height:1.33;color:#c3cde6;animation:wc-fade 1s ease 1.3s both}
#welcomeScreen .fx{position:absolute;pointer-events:none}
#welcomeScreen .glow{border-radius:999px;box-shadow:0 0 0 0 rgba(255,152,0,.55);animation:wc-breathe 2.6s ease-out 2.4s infinite}
@keyframes wc-breathe{to{box-shadow:0 0 0 calc(var(--w)*0.0234) rgba(255,152,0,0)}}
#welcomeScreen .flare{background:radial-gradient(circle,rgba(255,200,110,.7),transparent 65%);mix-blend-mode:screen;animation:wc-pulse 5s ease-in-out infinite alternate}
@keyframes wc-pulse{from{opacity:.2}to{opacity:.9}}
#welcomeScreen .hl{border-radius:50%;background:radial-gradient(circle,rgba(255,244,214,.9),rgba(255,230,160,0) 70%);mix-blend-mode:screen;animation:wc-pulse 2.2s ease-in-out infinite alternate}
#welcomeScreen .dust i{position:absolute;bottom:0;width:.5%;aspect-ratio:1;border-radius:50%;background:#ffd9a0;opacity:0;animation:wc-fl 7s linear infinite}
@keyframes wc-fl{10%{opacity:.8}to{transform:translate(4vmin,-22%);opacity:0}}
#welcomeScreen .btn{position:absolute;font:inherit;border-radius:999px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:calc(var(--w)*0.0170);-webkit-tap-highlight-color:transparent;transition:transform .15s}
#welcomeScreen .go{left:11.040%;top:73.114%;width:77.813%;height:5.389%;border:0;background:linear-gradient(180deg,#ffa726,#ff8f00);color:#0b111d;font-size:calc(var(--w)*0.0361);font-weight:700;box-shadow:0 8px 26px rgba(255,152,0,.35);overflow:hidden;animation:wc-fade 1s ease 1.8s both}
#welcomeScreen .go::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:wc-shine 3.6s 3.5s infinite}
@keyframes wc-shine{to{left:140%}}
#welcomeScreen .arr{width:calc(var(--w)*0.0382);height:calc(var(--w)*0.0382)}html[dir=rtl] #welcomeScreen .arr{transform:scaleX(-1)}
#welcomeScreen .ghost{left:11.040%;top:80.359%;width:77.813%;height:5.150%;background:transparent;border:calc(var(--w)*0.0021) solid #8fa6d6;color:#fff;font-size:calc(var(--w)*0.0340);font-weight:600;animation:wc-fade 1s ease 2s both}
#welcomeScreen .guest{left:30%;top:86.946%;width:40%;height:3.593%;flex-direction:column;gap:0;border:0;background:none;color:#aebfe6;font-size:calc(var(--w)*0.0287);font-weight:500;border-radius:0;animation:wc-fade 1s ease 2.2s both}
#welcomeScreen .guest::after{content:"";display:block;width:100%;height:calc(var(--w)*0.0032);margin-top:calc(var(--w)*0.0096);background:var(--o);border-radius:2px}
#welcomeScreen .guest,#welcomeScreen .go,#welcomeScreen .ghost{white-space:nowrap}html[dir=rtl] #welcomeScreen h1{line-height:1.45;top:23%;font-size:calc(var(--w)*.075)}html[dir=rtl] #welcomeScreen .sub{line-height:1.6}#welcomeScreen .btn:active{transform:scale(.97)}#welcomeScreen .btn:focus-visible,#welcomeScreen .langs button:focus-visible{outline:3px solid #fff;outline-offset:3px}
#welcomeScreen .foot{left:11.253%;width:77.495%;top:92.455%;height:2.874%;display:flex;align-items:center;justify-content:center;gap:calc(var(--w)*0.0361);font-size:calc(var(--w)*0.0223);color:#aebfe6;animation:wc-fade 1s ease 2.5s both}
#welcomeScreen .foot::before,#welcomeScreen .foot::after{content:"";flex:0 0 calc(var(--w)*0.1189);height:1px;background:#3a4a72}
#welcomeScreen .foot>span{display:flex;align-items:center;gap:calc(var(--w)*0.0127);text-align:center}#welcomeScreen .foot svg{width:calc(var(--w)*0.0340);height:calc(var(--w)*0.0340);flex:none}
#welcomeScreen .btn{font-family:inherit}
#welcomeScreen .sheet .btn.go{position:static;width:100%;height:52px;margin-top:16px;font-size:16px;animation:none;left:auto}
@media (prefers-reduced-motion:reduce){#welcomeScreen *{animation-duration:.01s!important;animation-delay:0s!important;animation-iteration-count:1!important}}
#welcomeScreen /* modals */
.ov{position:absolute;inset:0;z-index:10;background:rgba(5,9,18,.7);backdrop-filter:blur(8px);display:none;align-items:flex-end}
#welcomeScreen .ov.on{display:flex;animation:wc-fadeo .25s both}@keyframes wc-fadeo{from{opacity:0}}
#welcomeScreen .sheet{position:relative;width:100%;max-height:92%;overflow-y:auto;background:var(--card);border-top:1px solid #2a3350;border-radius:26px 26px 0 0;padding:26px 22px calc(26px + env(safe-area-inset-bottom,0px));animation:wc-sl .35s cubic-bezier(.2,.9,.3,1) both}
@keyframes wc-sl{from{transform:translateY(100%)}}
#welcomeScreen .x{position:absolute;top:14px;inset-inline-end:16px;background:none;border:0;color:#9aa4bd;font-size:20px;cursor:pointer}
#welcomeScreen .sheet h3{font-size:21px;font-weight:800}#welcomeScreen .sheet p.d{font-size:12.5px;color:#9aa4bd;margin:2px 0 16px}
#welcomeScreen label{display:block;font-size:12px;color:#c7cee0;margin:10px 0 4px}
#welcomeScreen input[type=text],#welcomeScreen input[type=email],#welcomeScreen input[type=tel],#welcomeScreen input[type=password]{width:100%;font:inherit;font-size:14px;color:#fff;background:#0c1220;border:1px solid #2a3350;border-radius:12px;padding:12px 14px;text-align:start}
#welcomeScreen input:focus{outline:none;border-color:var(--o)}
#welcomeScreen .row{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-top:10px;color:#9aa4bd}
#welcomeScreen .lnk{background:none;border:0;font:inherit;color:var(--o);font-weight:700;cursor:pointer}

#welcomeScreen .alt{font-size:12.5px;color:#9aa4bd;text-align:center;margin-top:14px}
#welcomeScreen .toast{position:absolute;z-index:20;left:50%;top:calc(60px + env(safe-area-inset-top,0px));transform:translate(-50%,-20px);background:#fff;color:var(--navy);padding:10px 16px;border-radius:12px;font-weight:700;font-size:13px;opacity:0;transition:.3s;pointer-events:none;white-space:nowrap}
#welcomeScreen .toast.on{opacity:1;transform:translate(-50%,0)}
@media (prefers-reduced-motion:reduce){#welcomeScreen *{animation-duration:.01s!important;animation-delay:0s!important;animation-iteration-count:1!important}#welcomeScreen .truck{left:30%}}

#welcomeScreen.wc-wait{visibility:hidden}
#welcomeScreen .err{min-height:1.2em;margin-top:12px;font-size:13px;font-weight:700;color:#ff8a8a}
#welcomeScreen .err:empty{display:none}
#welcomeScreen .rolenote{display:inline-block;margin:-6px 0 14px;padding:3px 12px;border-radius:999px;border:1px solid #ff9800;color:#ffb83f;font-size:12px;font-weight:700}
#welcomeScreen .demo{margin-top:12px;padding:8px 12px;border-radius:10px;background:rgba(255,184,63,.12);color:#ffd9a0;font-size:12px;line-height:1.5}
#welcomeScreen .btn[disabled]{opacity:.6;cursor:progress}
#welcomeScreen [hidden]{display:none!important}
#welcomeScreen .hint{margin:6px 0 0;font-size:12px;color:#9aa4bd}
#welcomeScreen .otp-in{font-size:22px;letter-spacing:8px;text-align:center;font-weight:700}
#welcomeScreen .lnk[disabled]{color:#6f7a96;cursor:default}
#welcomeScreen .row .lnk+.lnk{margin-inline-start:auto}
#welcomeScreen .sheet .btn.go{position:relative;left:auto;top:auto}