/* Shared by the server-rendered and portable first-paint loading screens. */
.site-loader{position:fixed;inset:0;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:32px;box-sizing:border-box;background:#f6f5f0;color:#21373c;text-align:center;font-family:'DM Sans','Tajawal',system-ui,sans-serif}
.site-loader-mark{display:grid;grid-template-columns:repeat(2,20px);gap:8px;direction:ltr;transform:rotate(-8deg);margin-bottom:6px}
.site-loader-mark i{display:block;width:20px;height:20px;border-radius:50%;background:#e9684c;animation:inside-ai-dot 1.6s cubic-bezier(.45,0,.25,1) infinite both}
.site-loader-mark i:nth-child(2){background:#efb29b;animation-delay:.16s}
.site-loader-mark i:nth-child(3){background:#718c87;animation-delay:.48s}
.site-loader-mark i:nth-child(4){background:#283e41;animation-delay:.32s}
.site-loader-name{font-size:28px;letter-spacing:-1px;line-height:1.2}
.site-loader-name b{font-weight:800}
.site-loader-label{display:grid;gap:8px;margin:0;color:#69787a;font-size:13px;line-height:1.6}
.site-loader-label [lang=ar]{font-family:'Tajawal',system-ui,sans-serif;font-size:15px}
@keyframes inside-ai-dot{0%,65%,100%{transform:translateY(0) scale(1);opacity:.7}30%{transform:translateY(-7px) scale(1.15);opacity:1}}
@media(prefers-reduced-motion:reduce){.site-loader-mark i{animation:none;opacity:1}}