body {

  font-family: sans-serif;

  margin: 0;

  display: flex;

  justify-content: center;

  align-items: center;

  min-height: 100vh;

  background-color: #f0f0f0;

}



.container {

  background-color: #fff;

  padding: 30px;

  border-radius: 5px;

  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

  width: 400px;

}



h1 {

  text-align: center;

  margin-bottom: 20px;

}



label {

  display: block;

  margin-bottom: 5px;

}



input[type="text"],

input[type="password"] {

  width: 100%;

  padding: 10px;

  border: 1px solid #ccc;

  border-radius: 3px;

  margin-bottom: 15px;

}



button {

  background-color: #3498db;

  color: #fff;

  padding: 10px 20px;

  border: none;

  border-radius: 3px;

  cursor: pointer;

}



button:hover {

  background-color: #2980b9;

}



a {

  display: block;

  text-align: center;

  margin-top: 10px;

  color: #3498db;

}