.cs{--ink:#0a0a0c;--ease:cubic-bezier(.16, 1, .3, 1);isolation:isolate;background:var(--ink);color:#f4f4f6;text-align:center;justify-content:center;align-items:center;min-height:100dvh;padding:40px 20px;display:flex;position:relative;overflow:hidden}.cs:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(70% 45% at 50% 100%,#e4121c29 0%,#e4121c00 70%),radial-gradient(40% 30% at 50% 0,#ffffff09 0%,#0000 70%);position:absolute;inset:0}.cs-embers{z-index:-1;pointer-events:none;position:absolute;inset:0}.cs-embers span{left:var(--x);width:var(--s);height:var(--s);opacity:0;animation:csEmber var(--t) linear var(--d) infinite;background:#ff3b45;border-radius:50%;position:absolute;bottom:-12px;box-shadow:0 0 10px 1px #ff3b4573}.cs-embers span:nth-child(3n){background:#ff6a3d;box-shadow:0 0 10px 1px #ff6a3d66}@keyframes csEmber{0%{opacity:0;transform:translate(0,0)}8%{opacity:.85}55%{opacity:.45;transform:translate(-10px,-55vh)}to{opacity:0;transform:translate(12px,-108vh)}}.cs-card{flex-direction:column;align-items:center;width:100%;max-width:640px;display:flex}.cs-mark{animation:csPop 1.1s var(--ease) both;position:relative}.cs-glow{filter:blur(18px);background:radial-gradient(circle,#e4121c6b 0%,#e4121c1f 45%,#0000 70%);border-radius:50%;width:260px;height:260px;animation:4.5s ease-in-out 1s infinite csBreathe;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cs-logo{will-change:transform;filter:drop-shadow(0 12px 30px #e4121c73);width:104px;height:104px;position:relative}@keyframes csPop{0%{opacity:0;filter:blur(12px);transform:scale(.55)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes csBreathe{0%,to{opacity:.75;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.18)}}.cs-word{letter-spacing:.3em;text-indent:.3em;color:#fff;animation:csTrack 1.2s var(--ease) .25s both;margin-top:14px;font-size:15px;font-weight:900}@keyframes csTrack{0%{opacity:0;letter-spacing:.9em;text-indent:.9em}to{opacity:1;letter-spacing:.3em;text-indent:.3em}}.cs-world{letter-spacing:.3em;text-transform:uppercase;color:#ffffffbf;animation:csRise .9s var(--ease) .45s both;align-items:center;gap:10px;margin:34px 0 0;font-size:11px;font-weight:700;display:inline-flex}.cs-world .dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 22%, transparent), 0 0 14px var(--accent);border-radius:50%}.cs-world .ar{font-family:var(--font-cairo), sans-serif;letter-spacing:0;text-transform:none;color:#fff;font-size:14px;font-weight:800}.cs-h1{font-family:var(--font-saira), "Saira Condensed", sans-serif;letter-spacing:.01em;color:#fff;flex-wrap:wrap;justify-content:center;column-gap:.28em;margin:10px 0 0;font-size:clamp(56px,15vw,108px);font-weight:900;line-height:.92;display:flex}.cs-h1 .w{white-space:nowrap;display:inline-flex}.cs-h1 .w span{animation:csLetter .8s var(--ease) calc(.6s + var(--i,0) * 45ms) both;display:inline-block}@keyframes csLetter{0%{opacity:0;filter:blur(6px);transform:translateY(.45em)rotate(4deg)}to{opacity:1;filter:blur();transform:translateY(0)rotate(0)}}.cs-h1-ar{font-family:var(--font-cairo), sans-serif;color:#ffffffeb;animation:csRise .9s var(--ease) 1.15s both;margin:8px 0 0;font-size:clamp(30px,7vw,46px);font-weight:900;line-height:1.2}.cs-bar{width:168px;height:2px;animation:csRise .9s var(--ease) 1.3s both;background:#ffffff1a;border-radius:2px;margin-top:22px;position:relative;overflow:hidden}.cs-bar i{background:linear-gradient(90deg,#0000,#ff2a38 40%,#ffb3b8 55%,#ff2a38 70%,#0000);border-radius:2px;width:42%;animation:2.2s cubic-bezier(.65,0,.35,1) 1.6s infinite csSweep;position:absolute;top:0;bottom:0}@keyframes csSweep{0%{left:-45%}to{left:105%}}.cs-p{color:#ffffffa3;max-width:40ch;animation:csRise .9s var(--ease) 1.4s both;margin:22px 0 0;font-size:15.5px;line-height:1.55}.cs-p.ar{font-family:var(--font-cairo), sans-serif;margin-top:8px;font-size:16.5px;font-weight:600;animation-delay:1.48s}.cs-actions{animation:csRise .9s var(--ease) 1.6s both;flex-direction:column;align-items:center;gap:16px;margin-top:26px;display:flex}.cs-btn{color:#fff;transition:background .25s ease, transform .35s var(--ease), box-shadow .35s ease;background:#e4121c;border-radius:999px;flex-direction:column;align-items:center;gap:1px;padding:12px 28px 13px;text-decoration:none;display:inline-flex;box-shadow:0 14px 40px -14px #e4121cb3}.cs-btn:hover{background:#ff2a38;transform:translateY(-2px);box-shadow:0 18px 44px -12px #e4121ccc}.cs-btn:focus-visible,.cs-back:focus-visible{outline-offset:3px;border-radius:999px;outline:2px solid #fff}.cs-btn .en{font-size:15px;font-weight:700}.cs-btn .ar{font-family:var(--font-cairo), sans-serif;color:#ffffffd1;font-size:13px;font-weight:700}.cs-back{letter-spacing:.22em;text-transform:uppercase;color:#ffffff80;font-size:11.5px;font-weight:600;text-decoration:none;transition:color .2s}.cs-back:hover{color:#fff}.cs-status{letter-spacing:.2em;text-transform:uppercase;color:#ffffff80;animation:csRise .9s var(--ease) 1.8s both;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:30px 0 0;font-size:11px;font-weight:600;display:flex}.cs-status .live{background:#53fc18;border-radius:50%;width:8px;height:8px;position:relative;box-shadow:0 0 12px #53fc18b3}.cs-status .live:after{content:"";border:1.5px solid #53fc1899;border-radius:50%;animation:2s cubic-bezier(.2,.7,.2,1) infinite csPing;position:absolute;inset:-5px}@keyframes csPing{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(1.9)}}.cs-status .sep{color:#ffffff40}.cs-status .ar{font-family:var(--font-cairo), sans-serif;letter-spacing:0;text-transform:none;color:#ffffffb3;font-size:13.5px;font-weight:700}@keyframes csRise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (min-width:720px){.cs-logo{width:128px;height:128px}.cs-glow{width:320px;height:320px}.cs-word{font-size:17px}.cs-world{margin-top:40px}.cs-p{font-size:17px}.cs-p.ar{font-size:18px}.cs-actions{flex-direction:row;gap:26px;margin-top:30px}}@media (prefers-reduced-motion:reduce){.cs *,.cs :after{animation:none!important}.cs-embers{display:none}}
