<style>

#westLoader{
position:fixed;
inset:0;
z-index:999999;
background:#050505;
display:flex;
align-items:center;
justify-content:center;
font-family:Arial,sans-serif;
overflow:hidden;
animation:loaderFade .8s forwards;
animation-delay:2.5s;
}

#westLoader:before{
content:'';
position:absolute;
inset:0;
background:
repeating-linear-gradient(
0deg,
rgba(255,255,255,.02) 0 1px,
transparent 2px 4px
);
opacity:.15;
}

#westLoader:after{
content:'';
position:absolute;
top:-100%;
left:0;
width:100%;
height:100%;
background:linear-gradient(
180deg,
transparent,
rgba(125,143,105,.12),
transparent
);
animation:scanMove 2s linear infinite;
}

.loader-box{
position:relative;
z-index:5;
width:min(900px,92vw);
padding:60px 50px;
border:1px solid rgba(125,143,105,.18);
background:rgba(255,255,255,.02);
box-shadow:
0 0 80px rgba(0,0,0,.7),
0 0 120px rgba(75,90,70,.08);
}

.loader-top{
text-align:center;
font-size:15px;
letter-spacing:.5em;
color:rgba(224,210,183,.5);
margin-bottom:20px;
}

.loader-id{
text-align:center;
font-size:12px;
letter-spacing:.25em;
color:rgba(125,143,105,.7);
margin-bottom:35px;
}

.loader-line{
text-align:center;
font-size:clamp(18px,2vw,34px);
font-weight:700;
color:#E0D2B7;
margin-bottom:15px;
}

.loader-progress{
margin-top:25px;
height:3px;
background:rgba(255,255,255,.08);
overflow:hidden;
}

.loader-progress:before{
content:'';
display:block;
height:100%;
width:0;
background:#7d8f69;
animation:loadBar 1.8s forwards;
}

.loader-status{
margin-top:18px;
text-align:center;
font-size:13px;
letter-spacing:.15em;
color:rgba(224,210,183,.45);
}

@keyframes loadBar{
to{width:100%}
}

@keyframes scanMove{
0%{top:-100%}
100%{top:100%}
}

@keyframes loaderFade{
to{
opacity:0;
visibility:hidden;
pointer-events:none;
}
}

</style>