*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
height:100vh;
overflow:hidden;
display:flex;
align-items:center;
justify-content:center;
background:url('assets/background.png') center center/cover no-repeat fixed;
}

.wrapper{
width:100%;
height:100vh;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;
padding:20px;
}

.logo{
  width:min(68vw,760px);
  height:auto;
  filter:drop-shadow(0 10px 25px rgba(0,0,0,.16));
  position:relative;
  z-index:1;
}

.enter-btn{
  margin-top:-72px;
  position:relative;
  z-index:10;
  pointer-events:auto;

  text-decoration:none;
  background:#fff;
  color:#00b8b0;
  padding:12px 44px;
  border-radius:999px;
  font-size:1rem;
  font-weight:800;
  letter-spacing:4px;
  box-shadow:0 10px 25px rgba(0,0,0,.18);
  transition:.25s ease;

}

.enter-btn:hover{
transform:translateY(-3px);
}

.socials{
position:fixed;
left:50%;
transform:translateX(-50%);
bottom:55px;
display:flex;
gap:18px;
}

.socials a{
width:40px;
height:40px;
border-radius:50%;
border:2px solid rgba(255,255,255,.95);
display:flex;
align-items:center;
justify-content:center;
background:rgba(255,255,255,.08);
transition:.25s ease;
}

.socials a:hover{
background:#fff;
transform:translateY(-4px);
}

.socials svg{
width:25px;
height:25px;
fill:#fff;
}

.socials a:hover svg{
fill:#00b8b0;
}

@media(max-width:768px){

.logo{
width:88vw;
}

.enter-btn{
margin-top:-18px;
padding:11px 36px;
font-size:.95rem;
}

.socials{
bottom:38px;
gap:12px;
}

.socials a{
width:50px;
height:50px;
}

.socials svg{
width:21px;
height:21px;
}
}


.privacy-policy-link{
  position:fixed;
  left:20px;
  bottom:16px;
  color:#fff;
  font-size:12px;
  text-decoration:none;
  z-index:10;
}

.privacy-policy-link:hover{
  text-decoration:underline;
}