*{ 
  margin:0; 
  padding:0; 
  box-sizing:border-box; 
  font-family:Arial; 
} 
 
body{ 
  background:#eee; 
} 
 
/* MAIN */ 
.container{ 
  display:flex; 
  min-height:100vh; 
} 
 
/* LEFT */ 
.left{ 
  flex:1; 
  background:#f5f5f5; 
  display:flex; 
  flex-direction:column; 
  align-items:center; 
  justify-content:center; 
  text-align:center; 
  padding:20px; 
} 
 
.left img{ 
  width:200px; 
  height:200px; 
  object-fit:cover; 
  border-radius:10px; 
} 
 
.left h2{ 
  margin-top:15px; 
} 
 
.left p{ 
  color:#555; 
  margin-bottom:15px; 
} 
 
/* RIGHT */ 
.right{ 
  flex:1; 
  background:#999; 
  padding:40px; 
  display:flex; 
  flex-direction:column; 
  justify-content:center; 
} 
 
.right h1{ 
  font-size:36px; 
  margin-bottom:20px; 
} 
 
.right p{ 
  color:#222; 
  line-height:1.6; 
  max-width:500px; 
} 
 
/* BUTTON */ 
.btn{ 
  display:inline-block; 
  margin-top:15px; 
  padding:10px 20px; 
  background:#333; 
  color:#fff; 
  text-decoration:none; 
} 
 
.buttons{ 
  margin-top:20px; 
  display:flex; 
  gap:15px; 
} 
 
/* RESPONSIVE */ 
@media(max-width:768px){ 
 
  .container{ 
    flex-direction:column; 
  } 
 
  .right{ 
    text-align:center; 
    align-items:center; 
  } 
 
  .buttons{ 
    flex-direction:column; 
width:100%; 
} 
.btn{ 
width:100%; 
} 
}