html.clearspk-page-loading { background: #f7fbff; overflow: hidden; }
html.clearspk-page-loading body > :not(#sitePreloader):not(script):not(style):not(link) { visibility: hidden !important; }
html body #sitePreloader.clearspk-page-loader {
  position: fixed; inset: 0; z-index: 2147483000; display: flex;
  align-items: center; justify-content: center; padding: 20px; box-sizing: border-box;
  background: #f7fbff; opacity: 1; visibility: visible; pointer-events: auto;
  transition: opacity .45s ease; direction: rtl; font-family: Arial, sans-serif;
}
html body #sitePreloader.clearspk-page-loader.is-leaving { opacity: 0; pointer-events: none; }
.cs-page-loader-card {
  box-sizing: border-box; display: flex; flex-direction: column; align-items: center; gap: 22px;
  width: min(100%, 310px); padding: 28px 26px; border-radius: 28px;
  background: linear-gradient(145deg, #fff, #eaf5ff); border: 1px solid #fff;
  box-shadow: 0 18px 50px #0f172a19, inset 0 1px 0 #fff;
}
.cs-page-loader-logo { width: min(220px, 58vw); height: auto; display: block; animation: csPageLoaderFloat 2.2s ease-in-out infinite; }
.cs-page-loader-track { position: relative; width: min(220px, 58vw); height: 10px; border-radius: 20px; overflow: hidden; background: #0f172a14; }
.cs-page-loader-bar { position: absolute; inset: 0 auto 0 0; width: 38%; border-radius: inherit; background: linear-gradient(90deg,#60a5fa,#2563eb,#38bdf8); animation: csPageLoaderSlide 1.15s ease-in-out infinite; }
.cs-page-loader-status { color: #607391; font-size: 13px; font-weight: 700; text-align: center; }
@keyframes csPageLoaderSlide { from { transform: translateX(-100%); } to { transform: translateX(365%); } }
@keyframes csPageLoaderFloat { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }
@media(max-width:640px) { .cs-page-loader-card { width: min(100%, 280px); padding: 22px 18px; border-radius: 22px; gap: 18px; } }
@media(prefers-reduced-motion:reduce) { .cs-page-loader-logo,.cs-page-loader-bar { animation: none; } html body #sitePreloader.clearspk-page-loader { transition: none; } .cs-page-loader-bar { width: 100%; } }