body{

font-family: Arial, sans-serif;

margin:0;

background:#f5f7fb;

color:#222;

}


header{

background:white;

padding:20px;

display:flex;

justify-content:space-between;

align-items:center;

}


nav a{

margin:10px;

text-decoration:none;

color:#333;

}



.hero{

text-align:center;

padding:80px 20px;

}


.hero h2{

font-size:45px;

}




.tools{

display:grid;

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

gap:20px;

padding:30px;

}



.card{

background:white;

padding:25px;

border-radius:15px;

box-shadow:0 5px 20px #ddd;

}



.card a{

display:inline-block;

margin-top:15px;

padding:10px 20px;

background:#2563eb;

color:white;

text-decoration:none;

border-radius:8px;

}



footer{

text-align:center;

padding:30px;

}