@font-face{font-family:PlexArabic;src:url('/assets/assets/fonts/IBMPlexSansArabic-Regular.ttf') format('truetype');font-display:swap}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#f4f7fc;overscroll-behavior:none}
body{font-family:PlexArabic,system-ui,sans-serif;overflow:hidden;-webkit-tap-highlight-color:transparent}
#boot{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:radial-gradient(ellipse at 80% 10%,#183854 0%,#0b182d 65%);color:white}
#boot img{border-radius:22px}#boot h1{font-family:system-ui,sans-serif;letter-spacing:-1px;font-size:28px;margin:18px 0 4px;font-weight:600}
#boot p{color:#adc4d8;font-size:13px;line-height:1.9;text-align:center;margin:4px 0}
.progress{width:100px;height:3px;background:#26394d;margin-top:28px;border-radius:3px;overflow:hidden}
.progress:after{content:'';display:block;width:45%;height:100%;background:#6ee7d0;border-radius:3px;animation:loading 1.2s infinite ease-in-out}
#boot button{font:inherit;padding:12px 24px;background:#347cf5;color:white;border:0;border-radius:14px;margin-top:18px;cursor:pointer}
@keyframes loading{from{transform:translateX(-120%)}to{transform:translateX(260%)}}
@media(prefers-reduced-motion:reduce){.progress:after{animation:none;width:100%}}
[hidden]{display:none!important}noscript{display:block;position:fixed;inset:45% 24px auto;color:white;text-align:center;z-index:1001}