body {
margin: 0;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.6;
background: #f9f9f9;

}


header {
background: #1e88e5;
color: #fff;
padding: 40px 20px;
text-align: center;
}


header h1 {
margin: 0;
font-size: 36px;
}


header p {
font-size: 18px;
}


.btn {
display: inline-block;
margin-top: 20px;
padding: 12px 24px;
background: #fff;
color: #1e88e5;
text-decoration: none;
border-radius: 6px;
font-weight: bold;
}


.container {
max-width: 1000px;
margin: auto;
padding: 40px 20px;
}


section {
margin-bottom: 40px;
}


section h2 {
color: #1e88e5;
margin-bottom: 15px;
}


.features ul {
list-style: none;
padding: 0;
}


.features li {
background: #fff;
margin-bottom: 10px;
padding: 15px;
border-radius: 6px;
}


.screenshots img {
width: 100%;
max-width: 220px;
margin: 10px;
border-radius: 8px;
}

.link-text{
    color: #fff;
}

.footer {
background: #222;
color: #ccc;
text-align: center;
padding: 20px;
}