body{

margin:0;

background:#F8FBFF;

height:100vh;

display:flex;

justify-content:center;

align-items:center;

font-family:Poppins,sans-serif;

overflow:hidden;

}

#splash{

width:100%;

padding:35px;

text-align:center;

}

.logo{

width:220px;

max-width:65%;

animation:logoFloat 2s ease-in-out infinite;

}

h2{

margin-top:25px;

font-size:18px;

font-weight:600;

color:#0F4C81;

}

.loading{

width:220px;

height:8px;

margin:30px auto;

background:#E5EEF8;

border-radius:50px;

overflow:hidden;

}

.progress{

width:0;

height:100%;

background:linear-gradient(90deg,#18A4FF,#0A63C9);

border-radius:50px;

animation:loading 3s linear forwards;

}

.version{

font-size:13px;

color:#6B7280;

margin-top:20px;

}

@keyframes loading{

100%{

width:100%;

}

}

@keyframes logoFloat{

0%{

transform:translateY(0px);

}

50%{

transform:translateY(-8px);

}

100%{

transform:translateY(0px);

}

}