*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",Arial,sans-serif;
}


body{

background:#f5f5f7;
color:#1d1d1f;

}


.header{

padding:35px 25px;

background:rgba(245,245,247,.9);

backdrop-filter:blur(20px);

position:sticky;

top:0;

z-index:10;

}


.header h1{

font-size:45px;

}


.header p{

color:#6e6e73;

font-size:20px;

margin-top:8px;

}


#search{

margin-top:25px;

width:100%;

padding:15px 20px;

border:0;

border-radius:15px;

background:#e8e8ed;

font-size:17px;

}



.title{

font-size:30px;

margin:30px 25px 20px;

}



.scrollview{

display:flex;

gap:20px;

overflow-x:auto;

padding:0 25px 30px;

scroll-behavior:smooth;

}



.scrollview::-webkit-scrollbar{

display:none;

}



.app{

min-width:280px;

background:white;

border-radius:28px;

padding:25px;

box-shadow:0 8px 25px rgba(0,0,0,.08);

}



.app img{

width:120px;

height:120px;

border-radius:28px;

object-fit:cover;

display:block;

margin-bottom:20px;

}



.info h2{

font-size:25px;

}



.info p{

color:#6e6e73;

margin-top:8px;

height:45px;

}



.button{

display:block;

text-align:center;

margin-top:20px;

background:#0071e3;

color:white;

padding:12px;

border-radius:999px;

text-decoration:none;

font-weight:600;

}



.button:hover{

background:#005bb5;

}