.page-loader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--color-white);display:flex;align-items:center;justify-content:center;z-index:99999;transition:opacity 0.5s ease,visibility 0.5s ease}.page-loader.loaded{opacity:0;visibility:hidden}.page-loader-content{display:flex;flex-direction:column;align-items:center;gap:30px}.page-loader-logo{width:150px;height:auto;margin:0 auto;display:block;text-align:center}.page-loader-image{width:100%;height:auto;display:block}.page-loader-bar-container{width:300px;height:6px;background-color:var(--color-gray-lightest);border-radius:10px;overflow:hidden;position:relative}.page-loader-bar{width:0%;height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);border-radius:10px;animation:loading 2s ease-in-out infinite;position:relative}@keyframes loading{0%{width:0%;left:0}50%{width:70%;left:0}100%{width:0%;left:100%}}.page-loader-bar::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgb(255 255 255 / .3) 50%,transparent 100%);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@media (max-width:767px){.page-loader-logo{width:150px}.page-loader-bar-container{width:250px;height:5px}.page-loader-content{gap:25px}}@media (max-width:576px){.page-loader-logo{width:120px}.page-loader-bar-container{width:200px;height:4px}.page-loader-content{gap:20px}}