@font-face{font-family:"IBM Plex Sans Arabic";font-weight:400;src:url(../assets/fonts/IBMPlexSansArabic-Regular.ttf) format("truetype");font-display:swap}
@font-face{font-family:"IBM Plex Sans Arabic";font-weight:600;src:url(../assets/fonts/IBMPlexSansArabic-SemiBold.ttf) format("truetype");font-display:swap}
@font-face{font-family:"IBM Plex Sans Arabic";font-weight:700;src:url(../assets/fonts/IBMPlexSansArabic-Bold.ttf) format("truetype");font-display:swap}
:root{--tq:#19C2A3;--sk:#35B6CB;--yl:#FDC355;--or:#FFA478;--ink:#1d3a44;--mut:#5d7a84;--bg:#fff;--soft:#f1fbf9;--ok:#16a34a;--bad:#ea6a3a}
*{box-sizing:border-box;margin:0;-webkit-tap-highlight-color:transparent}
html,body{height:100%}
body{font-family:"IBM Plex Sans Arabic",system-ui,sans-serif;font-weight:400;color:var(--ink);background:var(--bg);direction:rtl;overflow:hidden}
button{font:inherit;font-weight:700;cursor:pointer;border:0;border-radius:18px;color:#fff;background:var(--tq);padding:14px 22px;font-size:20px;touch-action:manipulation}
button:disabled{opacity:.45}
.logos{display:flex;align-items:center;justify-content:center;gap:48px}
.logos img{object-fit:contain}
.pop{animation:pop .5s cubic-bezier(.2,1.4,.4,1) both}
@keyframes pop{from{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes rise{from{transform:translateY(30px);opacity:0}to{transform:none;opacity:1}}
@keyframes fall{to{transform:translateY(110vh) rotate(720deg)}}
@keyframes pulse{50%{transform:scale(1.06)}}
[hidden]{display:none!important}