body{
  margin:0;
  background:#111;
  color:#eee;
  font-family:Arial, sans-serif;
}
.header{
  text-align:center;
  padding:80px 20px;
}
.logo{
  max-width:160px;
}
.projects, .contact{
  max-width:1100px;
  margin:auto;
  padding:60px 20px;
}
.project-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:20px;
}
.project-grid img{
  width:100%;
  border-radius:8px;
}
form{
  display:flex;
  flex-direction:column;
  gap:15px;
}
input, textarea{
  padding:14px;
  border:none;
  border-radius:6px;
}
button{
  padding:14px;
  border:none;
  border-radius:6px;
  background:#fff;
  cursor:pointer;
}
footer{
  text-align:center;
  padding:30px;
  color:#777;
}