.cs{--space:#05060a;--line2:#272c38;--chrome:#dfe6f2;--steel:#a3abbd;--mute:#8a92a5;--red:#ff2d48;--redd:#b3132b;--ease:cubic-bezier(.16, 1, .3, 1);--f-ui:var(--font-handel), var(--font-handel-ar), system-ui, sans-serif;--f-body:var(--f-ui);--f-ar:var(--font-handel-ar), var(--font-handel), system-ui, sans-serif;--f-mono:var(--f-ui);--f-logo:var(--font-orbitron), var(--f-ui);text-align:center;width:100%;min-height:100svh;color:var(--chrome);background:var(--space);font:15px/1.55 var(--f-body);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;flex:1;place-items:center;padding:72px 16px 48px;display:grid;position:relative;overflow:hidden}.cs[dir=rtl]{font-family:var(--f-ar)}.cs-rain{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.cs-halo{aspect-ratio:1;pointer-events:none;background:radial-gradient(circle,#ff2d4838,#0000 60%);width:min(1000px,140vw);position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.cs-lang{top:18px;z-index:2;font:500 13px var(--f-mono);color:var(--steel);border:1px solid var(--line2);border-radius:999px;padding:6px 14px;text-decoration:none;position:absolute;inset-inline-end:16px}.cs-lang[lang=ar]{font-family:var(--f-ar)}.cs-lang:hover,.cs-lang:focus-visible{color:#fff;border-color:var(--red)}.cs-in{justify-items:center;gap:18px;width:min(560px,100%);display:grid;position:relative}.cs-in>*{animation:cs-rise 1.1s var(--ease) both;margin:0}.cs-in>:first-child{animation:cs-rise 1.4s var(--ease) both, cs-breath 4s ease-in-out 1.4s infinite}.cs-in>:nth-child(2){animation-delay:.5s}.cs-in>:nth-child(3){animation-delay:1.1s}.cs-in>:nth-child(4){animation-delay:1.9s}.cs-in>:nth-child(5){animation-delay:2.5s}.cs-in>:nth-child(n+6){animation-delay:2.9s}@keyframes cs-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes cs-breath{50%{filter:drop-shadow(0 0 18px #ff2d48a6);transform:scale(1.03)}}.cs-mark{width:clamp(110px,30vw,150px)}.cs-mark svg{width:100%;height:auto;display:block}.cs-wave{filter:drop-shadow(0 0 3px #ff2d48)drop-shadow(0 0 8px #ff2d48)}.cs .cs-word,.cs[dir=rtl] .cs-word{font:900 clamp(30px, 7.6vw, 44px)/1 var(--f-logo);letter-spacing:.42em;color:#fff;text-shadow:0 0 4px #ff2d48,0 0 12px #ff2d48,0 0 28px #ff2d48;direction:ltr;margin-inline-start:.42em}.cs-h{font:700 clamp(26px, 6vw, 40px)/1.15 var(--f-ui);color:#fff;text-wrap:balance}.cs-meet{font:700 clamp(19px, 4.6vw, 26px)/1.2 var(--f-ui);color:var(--red);letter-spacing:.02em;text-shadow:0 0 18px #ff2d4880}.cs-join{color:var(--steel);text-wrap:pretty;max-width:46ch;font-size:clamp(15px,3.8vw,17px)}.cs[dir=rtl] :is(.cs-h,.cs-meet){font-family:var(--f-ar)}.cs-form{gap:8px;width:100%;max-width:440px;margin-top:4px;display:flex}.cs-form input[type=email]{min-width:0;font:500 16px var(--f-body);color:var(--chrome);border:1px solid var(--line2);background:#10131be6;border-radius:10px;flex:1;padding:.8em 1em}.cs[dir=rtl] .cs-form input[type=email]{text-align:right}.cs-form input[type=email]:focus{border-color:var(--red);outline:none;box-shadow:0 0 0 3px #ff2d4833}.cs-go{cursor:pointer;font:700 16px var(--f-ui);color:#fff;background:linear-gradient(180deg, var(--red), var(--redd));min-height:48px;transition:transform .15s var(--ease), box-shadow .2s;border:0;border-radius:10px;padding:.7em 1.4em;box-shadow:0 0 22px #ff2d4859}.cs[dir=rtl] .cs-go{font-family:var(--f-ar)}.cs-go:hover{box-shadow:0 0 32px #ff2d488c}.cs-go:active{transform:scale(.97)}.cs-go:disabled{opacity:.6;cursor:progress}.cs-go:focus-visible{outline-offset:2px;outline:2px solid #fff}.cs-hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.cs-sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.cs-err{color:#ff8a9a;min-height:1.3em;margin-top:-8px;font-size:14px}.cs-fine{color:var(--mute);margin-top:-10px;font-size:13px}.cs-done{width:100%;max-width:440px;animation:cs-rise .6s var(--ease) both;background:#1c0710b3;border:1px solid #ff2d4873;border-radius:12px;justify-items:center;gap:.3em;padding:1em 1.4em;display:grid}.cs-done b{font:700 18px var(--f-ui);color:#fff}.cs[dir=rtl] .cs-done b{font-family:var(--f-ar)}.cs-back{font:500 13px var(--f-mono);color:var(--steel);padding:10px;text-decoration:none}.cs[dir=rtl] .cs-back{font-family:var(--f-ar)}.cs-back:hover,.cs-back:focus-visible{color:#fff}@media (max-width:480px){.cs-form{flex-direction:column}}@media (prefers-reduced-motion:reduce){.cs *{transition:none!important;animation:none!important}}
