body{
  font-family: Arial, sans-serif;
  margin:0; padding:0;
  background:#f8fafc; color:#0f2131;
}
header{
  background:#0f2131; padding:20px; text-align:center;
}
.logo{ height:60px; }
.hero{
  background:#122638; color:#fff; padding:60px 20px; text-align:center;
}
.hero h1{ font-size:2em; margin-bottom:10px; }
.hero p{ max-width:600px; margin:0 auto 20px; }
.hero button{
  background:#4cc9f0; border:none; padding:12px 24px;
  border-radius:6px; cursor:pointer; font-weight:bold;
}
.about{ padding:40px 20px; background:#fff; }
.feature{ margin-bottom:20px; }
footer{
  text-align:center; padding:20px; background:#0f2131; color:#fff;
}
.avatar{ height:80px; border-radius:50%; margin:10px auto; }