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

body{

font-family:Arial, Helvetica, sans-serif;

background:#0f172a;

color:white;

line-height:1.7;

}

header{

text-align:center;

padding:80px 20px;

background:#111827;

}

header h1{

font-size:50px;

margin-bottom:20px;

}

header p{

font-size:22px;

color:#cbd5e1;

margin-bottom:30px;

}

.button{

background:#0ea5e9;

padding:15px 30px;

color:white;

text-decoration:none;

border-radius:8px;

}

section{

max-width:1100px;

margin:auto;

padding:60px 20px;

}

h2{

margin-bottom:20px;

color:#38bdf8;

}

.cards{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(250px,1fr));

gap:20px;

}

.card{

background:#1e293b;

padding:25px;

border-radius:10px;

}

footer{

padding:40px;

text-align:center;

background:#111827;

}

footer a{

color:#38bdf8;

text-decoration:none;

margin:0 15px;

}

ul{

padding-left:25px;

}

li{

margin-bottom:10px;

}