*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:Poppins,sans-serif;
}

body{

background:linear-gradient(135deg,#FFF8E8,#F7E7CE);

display:flex;

justify-content:center;

align-items:center;

height:100vh;

overflow:hidden;

}

.splash{

text-align:center;

animation:fadeIn .8s;

}

.logo{

width:140px;

animation:pop 1.2s ease;

}

h1{

margin-top:20px;

font-size:42px;

 font-weight:800;

  background:linear-gradient(
    90deg,
    #8b5e34,
    #d4af37
  );

  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;

  letter-spacing:1px;
}

p{

margin-top:8px;

color:#777;

font-size:18px;

}

.loader{

margin-top:40px;

display:flex;

justify-content:center;

gap:12px;

}

.loader span{

width:14px;

height:14px;

border-radius:50%;

background:#5E412F;

animation:bounce 1s infinite;

}

.loader span:nth-child(2){

animation-delay:.2s;

}

.loader span:nth-child(3){

animation-delay:.4s;

}

@keyframes bounce{

0%,80%,100%{

transform:scale(.6);

opacity:.5;

}

40%{

transform:scale(1.3);

opacity:1;

}

}

@keyframes pop{

0%{

transform:scale(.5);

opacity:0;

}

100%{

transform:scale(1);

opacity:1;

}

}

@keyframes fadeIn{

from{

opacity:0;

}

to{

opacity:1;

}

}