body{
margin:0;
padding:28px 20px 140px;
background:#020521;
font-family:-apple-system,BlinkMacSystemFont,sans-serif;
color:white;
}

.logo{
font-size:34px;
font-weight:800;
margin-bottom:26px;
}

.apps{
display:flex;
flex-direction:column;
gap:16px;
}

.app-card{
display:flex;
align-items:center;
gap:16px;

background:#060a35;

padding:16px;

border-radius:28px;

text-decoration:none;
color:white;

transition:.2s;
}

.app-card:active{
transform:scale(.98);
}

.app-icon{
width:82px;
height:82px;

border-radius:22px;

object-fit:cover;
}

.app-info{
flex:1;
}

.app-name{
font-size:28px;
font-weight:700;
margin-bottom:8px;
}

.app-desc{
font-size:17px;
opacity:.8;
line-height:1.4;
}

.bottom-nav{
position:fixed;

left:20px;
right:20px;
bottom:24px;

display:flex;
justify-content:space-around;
align-items:center;

padding:16px 10px;

background:rgba(15,15,25,.72);

backdrop-filter:blur(24px);
-webkit-backdrop-filter:blur(24px);

border:1px solid rgba(255,255,255,.08);

border-radius:34px;

z-index:9999;
}

.bottom-nav a{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;

gap:6px;

text-decoration:none;
color:white;

font-size:14px;
font-weight:500;

min-width:70px;
}

.icon{
font-size:22px;
}