.preloader-overlay{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg, #fafbfc 0%, #f5f6f8 100%);width:100vw;height:100vh}.loader{display:flex;flex-direction:column;align-items:center;gap:32px}.logo-container{position:relative;padding:24px}.logo{width:240px;height:auto;opacity:0;animation:fadeInUp .6s ease-out forwards,pulseOpacity 2s ease-in-out .6s infinite}.progress-bar{width:180px;height:3px;background:rgba(0,0,0,.08);border-radius:3px;overflow:hidden;opacity:0;animation:fadeIn .4s ease-out .3s forwards}.progress-fill{height:100%;width:0;background:linear-gradient(90deg, #ff3435 0%, #e02d2e 100%)}html[dir=rtl] .progress-fill{background:linear-gradient(-90deg, #ff3435 0%, #e02d2e 100%)}.progress-fill{border-radius:3px;animation:progressLoad 1.8s ease-in-out infinite}@keyframes pulseOpacity{0%,100%{opacity:1}50%{opacity:.5}}@keyframes fadeInUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes progressLoad{0%{width:0;margin-inline-start:0}50%{width:70%;margin-inline-start:15%}100%{width:0;margin-inline-start:100%}}@media(prefers-reduced-motion: reduce){.logo{animation:none;opacity:1}.progress-bar{animation:none;opacity:1}.progress-fill{animation:none;width:50%;margin-inline-start:25%}}