.form-container {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      background-color: #f4f4f4;
    }

    form {
      display: flex;
      flex-direction: column;
      width: 100%;
      padding: 20px;
      background-color: #ffffff;
      border-radius: 5px;
      box-shadow: 0 0 10px rgba(0,0,0,0.15);
    }

    input[type="text"] {
      padding: 10px;
      margin-bottom: 10px;
      border-radius: 5px;
      border: 1px solid #ccc;
      font-size: 16px;
    }

    input[type="submit"] {
      padding: 10px;
      border: none;
      border-radius: 5px;
      background-color: #008CBA; /* Blue color */
      color: #ffffff;
      cursor: pointer;
      font-size: 16px;
    }

    input[type="submit"]:hover {
      background-color: #005f7a; /* Darker blue */
    }

    input::placeholder {
      color: #aaaaaa;
    }