/* Join-the-community glass dialog */
.jn-ov{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(4,24,33,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:Cairo,system-ui,sans-serif;opacity:0;transition:opacity .25s}
.jn-ov.on{display:flex}.jn-ov.show{opacity:1}
.jn-box{position:relative;width:min(440px,100%);max-height:calc(100vh - 32px);overflow:auto;border-radius:26px;padding:34px 30px 28px;color:#fff;
 background:linear-gradient(155deg,rgba(255,255,255,.16),rgba(255,255,255,.06)),rgba(10,61,82,.62);-webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px) saturate(140%);
 border:1px solid rgba(255,255,255,.26);box-shadow:0 30px 80px -20px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.28);transform:translateY(14px) scale(.98);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.jn-ov.show .jn-box{transform:none}
.jn-box::before{content:"";position:absolute;inset:auto -50px -70px auto;width:200px;height:200px;border-radius:50%;background:rgba(0,178,153,.28);filter:blur(30px);pointer-events:none}
.jn-x{position:absolute;top:14px;inset-inline-end:14px;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;font-size:20px;line-height:1;cursor:pointer;display:grid;place-items:center}
.jn-x:hover{background:rgba(255,255,255,.18)}
.jn-k{font-size:12.5px;font-weight:700;letter-spacing:.05em;color:#74D0F0;margin:0 0 8px}
.jn-box h2{margin:0 0 8px;font-size:clamp(22px,5vw,26px);line-height:1.35;font-weight:800;color:#fff;text-wrap:balance}
.jn-box p.jn-s{margin:0 0 20px;font-size:14.5px;line-height:1.85;color:rgba(255,255,255,.8)}
.jn-f{display:flex;flex-direction:column;gap:12px;position:relative}
.jn-f label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:rgba(255,255,255,.88)}
.jn-f input{height:50px;border-radius:14px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.1);color:#fff;padding:0 16px;font:inherit;font-size:15.5px;font-weight:600}
.jn-f input::placeholder{color:rgba(255,255,255,.5);font-weight:500}
.jn-f input:focus{outline:2px solid #74D0F0;outline-offset:1px;background:rgba(255,255,255,.14)}
.jn-f input[dir=ltr]{text-align:start}
.jn-go{margin-top:6px;height:52px;border:0;border-radius:14px;font:inherit;font-weight:800;font-size:16px;color:#fff;cursor:pointer;background:linear-gradient(120deg,#1597BE,#00957F);box-shadow:0 10px 24px rgba(0,0,0,.25)}
.jn-go:hover{filter:brightness(1.08)}.jn-go[disabled]{opacity:.7;cursor:wait}
.jn-m{min-height:1.4em;font-size:13.5px;font-weight:700;color:#ffb4b4}
.jn-ok{display:none;text-align:center;padding:10px 0 4px}
.jn-ok .jn-c{width:64px;height:64px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;background:rgba(47,224,198,.18);border:1px solid rgba(47,224,198,.5)}
.jn-ok h2{margin-bottom:8px}.jn-ok p{margin:0 0 16px;font-size:14.5px;line-height:1.9;color:rgba(255,255,255,.82)}
.jn-ok button{height:46px;padding:0 26px;border-radius:12px;border:1px solid rgba(255,255,255,.4);background:transparent;color:#fff;font:inherit;font-weight:700;cursor:pointer}
.jn-box.done .jn-f,.jn-box.done .jn-head{display:none}.jn-box.done .jn-ok{display:block}
body.jn-lock{overflow:hidden}
@media(max-width:480px){.jn-box{padding:30px 20px 22px;border-radius:22px}}
@media(prefers-reduced-motion:reduce){.jn-ov,.jn-box{transition:none}}